试玩平台类网站怎么做的,长沙网站制作价格,上海建设摩托车官网报价,视频传媒有限公司在vue项目中#xff0c;使用elementui 框架#xff0c;做一个后台管理系统 在写左边菜单#xff0c;菜用了#xff0c;elementui 提供的组件 #xff0c; el-menu 组件。但是组件没有链接#xff0c;而我们知道添加链接使用router-link标签代码如下#xff1a;
el-…在vue项目中使用elementui 框架做一个后台管理系统 在写左边菜单菜用了elementui 提供的组件 el-menu 组件。但是组件没有链接而我们知道添加链接使用router-link标签代码如下
el-menu-item :keyindex v-ifitem.menuChilds.length0 :indexitem.menuUrl i v-ifitem.menuImgClass :classitem.menuImgClass/irouter-link :toitem.menuUrlspan slottitlepw_item.menuName/span/router-link/el-menu-item在span外包了一个router-link 链接没有问题但是样式就出现问题了
最后终于发现了不用加router-link, 官网给出了使用方法
在el-menu 标签中添加router属性:router“true” 或者直接 绑定index 为要跳转的路由即可以进行正常的跳转并且样式正常
el-menu :default-active$route.path classel-menu-vertical-demo openhandleOpen closehandleClose:collapseisCollapse routertemplate v-for(item,index) in menulist !--没有子菜单--el-menu-item :keyindex v-ifitem.menuChilds.length0 :indexitem.menuUrl i v-ifitem.menuImgClass :classitem.menuImgClass/ispan slottitlepw_item.menuName/span/el-menu-item
