Menu 实例

Menu
 需先设置 root.option_add('*tearOff', FALSE)
 否则顶部菜单会有老式的虚线
 创建过程:
1. menubar = Menu(root)
以主窗口为parent,创建menubar
2. root["menu"] = menubar
指定主窗口的menu属性,为刚创建的menubar
3. menu_file = Menu(menubar)
    menubar.add_cascade(menu=menu_file, label='File')
创建一级菜单,添加菜单到menubar
4. menu_file.add_command(label='New', command=newFile)
    menu_file.add_checkbutton(label='Check', variable=check, onvalue=1, offvalue=0)
    menu_file.add_radiobutton(label='One', variable=radio, value=1)
为菜单添加具体的菜单项
还可用menu_file.add_separator() 添加分割线


其他可用属性
- underline 指定下划线。参数为字符的index(base-0)
- image  指定图片
- compound 指定混合方式
- state 指定状态。可用属性 disabled,normal
.entrycget(0, 'label') 查询属性
.entry
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,这里是一个使用 naive-ui 的 menu 组件并使用 show 属性的示例代码: ```vue <template> <na-menu> <na-submenu name="sub1" title="Submenu"> <na-menu-item name="item1">Item 1</na-menu-item> <na-menu-item name="item2">Item 2</na-menu-item> <na-submenu name="sub1-1" title="Submenu 1"> <na-menu-item name="item3">Item 3</na-menu-item> <na-menu-item name="item4">Item 4</na-menu-item> </na-submenu> </na-submenu> <na-submenu name="sub2" title="Disabled Submenu" disabled> <na-menu-item name="item5">Item 5</na-menu-item> <na-menu-item name="item6">Item 6</na-menu-item> <na-submenu name="sub2-1" title="Submenu 2"> <na-menu-item name="item7">Item 7</na-menu-item> <na-menu-item name="item8">Item 8</na-menu-item> </na-submenu> </na-submenu> <na-menu-item name="item9">Item 9</na-menu-item> </na-menu> </template> <script> import { defineComponent } from 'vue' import { NMenu, NSubmenu, NMenuItem } from 'naive-ui' export default defineComponent({ components: { NMenu, NSubmenu, NMenuItem }, data () { return { show: false } }, methods: { onOpen () { // 打开 submenu 的回调 this.show = true }, onClose () { // 关闭 submenu 的回调 this.show = false } } }) </script> ``` 在这个示例中,我们创建了一个 menu 组件,其中包含两个 submenu 和一个 menu-item。在 submenu 组件上我们设置了 show 属性,当 show 为 true 时,展开并显示该 submenu,反之则关闭。在 onOpen 和 onClose 方法中,我们通过修改 show 属性的值来控制 submenu 的展开和关闭。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值