Vue 操作:iView的Menu open-names属性参数坑

解决问题:动态传参iView - Menu的active-name(高光菜单)能实现,而open-names(展开菜单栏)无法实现:

错误写法

写法逻辑都感觉没什么问题,对照了iview的官网也没觉得有问题
iView官网Menu例子

其实bug是:active-name跟open-names的数据表达得一致,也就是open-names里的值得写成”[0]“而不是”[‘0’]“!!!

正确写法

顺便搜到个手动操作active-name和open-names方法(不能实现open-names方法也可能是手动操作的写法不对):

1.给Menu的active-name、open-names属性设置两个变量Menu代码

2.在需要更改高光菜单及展开菜单栏的操作下设置nextTick函数下的updateOpened()及updateActiveName()函数

this.activeName = '1-1',
this.openNames = ['1'],
this.$nextTick(() => {
   this.$refs.side_menu.updateOpened();
   this.$refs.side_menu.updateActiveName();
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值