vue tag=“li“ 和event原有样式渲染不出来

vue-router3.0以前这样写router-link 加上tag标签，router-link就会渲染成原有的li标签

<ul><router-link tag="li" to="/movie"><i class="iconfont icon-dianying"></i><p>电影</p></router-link><router-link tag="li" to="/cinema"><i class="iconfont icon-yingyuan"></i><p>影院</p></router-link><router-link tag="li" to="/mine"><i class="iconfont icon-wode"></i><p>我的</p></router-link></ul>

不过Vue-router3以后原来的li的样式则不会加载
则是因为Vue以后废弃了event 和tag标签
转用了
custom 代表样式
v-slot代表事件
Vue官方举例

replace <router-link to="/about" tag="span" event="dblclick">About Us</router-link> with <router-link to="/about" custom v-slot="{ navigate }"><span @click="navigate" @keypress.enter="navigate" role="link">About Us</span> </router-link>

官方链接
link.

总结

以上是生活随笔为你收集整理的vue tag=“li“ 和event原有样式渲染不出来的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。