Dropdown

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'
    }
  )

• 注意：