Menu

为页面和功能提供导航的菜单列表。

说明

组件API详细内容请参考:https://www.antdv.com/components/menu-cn

使用方法

  • 代码示例:
    // 在script标签中按需引入
    import { Menu } from '@jecloud/ui';
    export default {
      components: { Menu, MenuItem: Menu.Item },
      setup() {
          const current = ref(['mail']);
          return { current };
      },
    };
    // 在vue的template标签中
    <menu v-model:selectedKeys="current" mode="horizontal">
      <menu-item key="mail">
          Navigation One
      </menu-item>
      <menu-item key="app" disabled>
          Navigation Two
      </menu-item>
    </menu>
  • 事件脚本示例:
    const { Menu } = JE.useUi();
    const { h, ref }= JE.useVue();
    return h(Menu, {mode:"horizontal"},[h(Menu.Item,{key:"mail"},"Navigation One"),h(Menu.Item,{key:"app"},"Navigation Two")]);
最后编辑: 秦永莲  文档更新时间: 2024-07-26 14:15   作者:秦永莲