给导航菜单添加路由后,修改了菜单原本的样式,发现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>