Dropdown
向下弹出的列表。
说明
组件API详细内容请参考:https://www.antdv.com/components/dropdown-cn
使用方法
代码示例:
// 在script标签中按需引入 import { Dropdown } from '@jecloud/ui'; import { DownOutlined } from '@ant-design/icons-vue'; export default { components: { JeDropdown: Dropdown, DownOutlined }, }; // 在vue的template标签中 <je-dropdown> <a class="ant-dropdown-link" @click.prevent> Hover me <DownOutlined /> </a> <template #overlay> <je-menu> <je-menu-item> <a href="javascript:;">1st menu item</a> </je-menu-item> <je-menu-item> <a href="javascript:;">2nd menu item</a> </je-menu-item> <je-menu-item> <a href="javascript:;">3rd menu item</a> </je-menu-item> </je-menu> </template> </je-dropdown>
事件脚本示例:
const { Dropdown } = JE.useUi(); const { h, useSlots }= JE.useVue(); return JE.h(Dropdown, { trigger: 'click', placement: 'bottomRight',}, { 'overlay': () => { return JE.h('div', {}, '节点内容'); }, 'default': '123' } )
注意:
最后编辑: 秦永莲 文档更新时间: 2024-07-26 14:15 作者:秦永莲