美文网首页
解决vue引用elementUI导航菜单添加路由样式问题

解决vue引用elementUI导航菜单添加路由样式问题

作者: 帅帅哒主公 | 来源:发表于2019-09-29 15:18 被阅读0次

    给导航菜单添加路由后,修改了菜单原本的样式,发现router-link添加上去后文字上会出现下划线,因为router-link其实是由<a>标签来实现的;

    解决该问题只需要在router-link标签中加上tag='div'即可将文字变成div的样式元素属性。

<!--二级菜单-->
<el-menu-item v-for="(item,i) in items.children" :index="`${item.path}`" :key="i">
   <router-link :to="item.path" tag="div">{{item.name}}</router-link>
</el-menu-item>

相关文章

网友评论

      本文标题:解决vue引用elementUI导航菜单添加路由样式问题

      本文链接:https://www.haomeiwen.com/subject/mrspyctx.html