vue.js+element-ui动态配置菜单的实例

时间:2013.09.24 发布人:jms13t

vue.js+element-ui动态配置菜单的实例

已解决问题

谷歌jms13t用户在2013.09.24提交了关于“吴昕vue.js+element-ui动态配置菜单的实例”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2025-02-27T21:21:06。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,感谢你,我会记得你对我的好的 !

希望以下的回答,能够帮助你。

第1个回答

用户名:eagles_25  

如下所示:

<!--导航菜单-折叠功能--><a采side:class="collaps识传斗欢情米晚错元助鸡ed?‘me**-collapsed‘:‘me**-expanded‘"><!会--单个激活并以index作为path进行路由跳转--><el-me**unique-openedrouterv-show="!col来自lapsed"><!--动态路由到子组件将不可见的路径隐藏--><templatev-for="(item,问答index)in$rout欢宽父er.options.routes"v-if="!i扬推落究让室机制空云tem.hidden"><el-subme**:index="index+‘‘"v-if="!item.leaf"><!--用elui的观若受冷title进行solt分发酸京决染低煤菜单--><templateslot="title"><i:class="item.i它宣益速径conCls"></i>{{***.name}}</template><!--***.name和item.***.name来配置菜单栏和模沙答耐子菜单栏的名称--><el-me**-itemv-for="chil章dinitem.children":index="child.path":key="child.path"v-if="!child.hidden">{{***.name}}</el-me**-item></el-subme**><el-me**-itemv-if斯="item.leaf&&item.children.length>0":index="item.children[0].path"><i:class="item.iconCls"></i>{{item.chil罗时值培么流善爱dren[0].name}总溶}</el-me**-it出报管同尽志极em></template></el-me**>

以上这篇vue.js+element-ui动态配置菜单的实例就是小编分享给大家的全部内容了,希望联甚原混胞将损如血能给大家一个参考,也希望大家多多支持脚胞难外形农握我斗收银本之家。

您可能感兴趣的文章:element-ui设置菜单栏展开的方法vue-router配合ElementUI实现导航的实例vue+element-ui动态生成多级表头的方法vue.js与element-ui实现菜单树形结构的解决方法使用Vue.js和Element-UI做一个简单登录页面的实例