element ui菜单栏动态渲染

最新推荐文章于 2024-10-04 19:52:16 发布

Good 奈斯

最新推荐文章于 2024-10-04 19:52:16 发布

阅读量3.3k

点赞数 4

分类专栏： element 文章标签： element vue

本文链接：https://blog.csdn.net/xiawenyi1234/article/details/108203618

版权

这篇博客介绍了如何解决在使用Element UI时，菜单栏动态渲染过程中`:unique-opened="true"`属性失效的问题。建议在一级菜单中，后台不返回`children[]`以避免被误识别为二级菜单。若前端处理数据，可能会影响初始渲染速度。

摘要由CSDN通过智能技术生成

直接上代码，模块清晰，自己赋值粘贴都行

<el-menu 
       :default-active="this.$route.path"
       :unique-opened="true"
       router
       class="el-menu-vertical-demo"
       background-color="#393e46"
       text-color="#fff"
       active-text-color="#4480e9"
       style="height: 100%;border-right: solid 0px #e6e6e6;width:150px"
       background-color="#393e46" text-color="#fff" active-text-color="#ffd04b" :collapse="getMenuSwitchState">
	  <!--单级菜单-->
	  <el-menu-item :index="item.path" v-for="item in noChildren" :key="item.path">