element ui
对于菜单列表,可以使用el-menu 组件进行渲染,但是当渲染的列表会动态的变化时,会出现一定问题
后渲染的列表激活样式bug
问题:初始渲染的菜单列表点击可以选中,并显示激活状态。但是当列表动态切换后,再次渲染的列表在点击时没有激活样式,最多只显示悬浮样式,想要有激活样式,需要双击。
解决:需要对el-menu-item标签进行区分,可以使用:key="id"
等属性对各个el-menu-item标签进行区分,使其重新渲染。
前后渲染的el-submenu互相影响
问题:初始的el-submenu展开时,若切换渲染列表,则渲染后的el-submenu也保持展开时状态。即前后渲染的el-submenu展开与收起会保持一致。
解决:此时对el-submenu使用key进行区分并不比作用,需要使用:index="id"
对el-submenu进行区分。index是el-submenu的唯一区分标志。
以上测试使用的是Element UI,Vue2环境。Element UI Plus+Vue3是否有同样问题或解决是否同样生效未知