iview 动态渲染menu时active-name无效的问题

作者: 欧小肥OuO | 来源:发表于2021-11-05 16:17 被阅读0次

场景：Menu组件设置active-name属性无效。

原因：因为active-name 生效之后，menu是从接口请求回来的。这时候this.menus 被重新赋值，触发数据变更事件，menu组件又重新渲染。active-name应该只在初次加载时执行一次。

处理：

给Menu组件绑定ref，menu列表更新时，手动更新

this.activeName = xxx

this.openNames = [xxx]

this.$nextTick(() => {

this.$refs.menus.updateOpened()

this.$refs.menus.updateActiveName()

})

iview 动态渲染menu时active-name无效的问题
场景：Menu组件设置active-name属性无效。原因：因为active-name 生效之后，menu是从接口...
iview 动态渲染menu时active-name无效的问题
场景：Menu组件设置active-name属性无效。原因：因为active-name 生效之后，menu是从接...
iview MenuItem动态渲染 active-name无效
在axios的回调函数中调用
前端实用技巧
iview 动态的更新子级菜单除了更新open-names 和 active-name属性外还需增加如下调用字...
iview Menu点击事件无效，
@click.native解决 @click.native.native - 监听组件根元素的原生事件。主要是给自...
Vue 踩坑日记二：View UI 组件添加单击事件不生效问题
问题使用 Iview Menu 过程中，出现其子项 MenuItem 添加 @click 事件无法生效的问题。 ...
2019-12-19--自定义样式以覆盖ui库的默认样式
开发过程中，遇到 antD 的menu中的样式在root下再去设置无效，原因是实际渲染后，menu 的内容被加载了...
Naive UI 动态渲染menu
Naive UI 有许多组件设计很合理，用户体验挺好。但也有些组件对开发者并不友好。例如，icon组件，居然还需要...
2019-01-15
更新导航栏选中栏--active iview中刷新页面的时候更新导航菜单的active-name 技术点： up...
2021-09-10 iview tabel添加个icon图标
iview Table组件渲染操作按钮, render 渲染icon图标更改方法问题描述: Table组件操作,i...