22 lines
587 B
Vue
22 lines
587 B
Vue
<script setup lang="ts">
|
|
// 最常用：items 传数组，点击项通过 click 事件回传 { key, item }
|
|
import { G3Button, G3Dropdown, G3Message } from '@g3soft/ui'
|
|
|
|
const items = [
|
|
{ key: 'edit', label: '编辑' },
|
|
{ key: 'copy', label: '复制' },
|
|
{ divider: true },
|
|
{ key: 'delete', label: '删除', danger: true },
|
|
]
|
|
|
|
function onClick(payload: { key?: string | number }) {
|
|
G3Message.info(`点击了 ${String(payload.key)}`)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<G3Dropdown :items="items" @click="onClick">
|
|
<G3Button type="outline">操作</G3Button>
|
|
</G3Dropdown>
|
|
</template>
|