vue-router3.0以前這樣寫router-link 加上tag標(biāo)簽，router-link就會渲染成原有的li標(biāo)簽

<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標(biāo)簽
轉(zhuǎn)用了
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.

總結(jié)

以上是生活随笔為你收集整理的vue tag=“li“ 和event原有样式渲染不出来的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。