欢迎访问 生活随笔!

凯发ag旗舰厅登录网址下载

当前位置: 凯发ag旗舰厅登录网址下载 > 前端技术 > vue >内容正文

vue

vue tag=“li“ 和event原有样式渲染不出来 -凯发ag旗舰厅登录网址下载

发布时间:2024/10/14 vue 37 豆豆
凯发ag旗舰厅登录网址下载 收集整理的这篇文章主要介绍了 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 usrouter-link> with <router-link to="/about" custom v-slot="{ navigate }"><span @click="navigate" @keypress.enter="navigate" role="link">about usspan> router-link>

官方链接
link.

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的vue tag=“li“ 和event原有样式渲染不出来的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错,欢迎将凯发ag旗舰厅登录网址下载推荐给好友。

网站地图