forked from opentiny/tiny-vue
30 lines
760 B
Vue
30 lines
760 B
Vue
<template>
|
|
<tiny-dropdown single-button @button-click="buttonClick">
|
|
标准按钮
|
|
<template #dropdown>
|
|
<tiny-dropdown-menu>
|
|
<tiny-dropdown-item>选择一</tiny-dropdown-item>
|
|
<tiny-dropdown-item>选择二</tiny-dropdown-item>
|
|
<tiny-dropdown-item>选择三</tiny-dropdown-item>
|
|
</tiny-dropdown-menu>
|
|
</template>
|
|
</tiny-dropdown>
|
|
</template>
|
|
|
|
<script>
|
|
import { Dropdown, DropdownMenu, DropdownItem, Modal } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyDropdown: Dropdown,
|
|
TinyDropdownMenu: DropdownMenu,
|
|
TinyDropdownItem: DropdownItem
|
|
},
|
|
methods: {
|
|
buttonClick() {
|
|
Modal.message({ message: '下拉菜单内置按钮点击事件', status: 'info' })
|
|
}
|
|
}
|
|
}
|
|
</script>
|