<router-link to="/test" tag="li" >测试1</router-link>
以上代码不生效,因为vue3.x版本对应的vue-router4.x版本已经不支持tag写法,以下写法替换
<router-link to="/home" custom v-slot="{ navigate }">
<li @click="navigate">首页</li>
</router-link>
虽然麻烦了一点点,但是更方便控制样式和结构了
<RouterLink to="/my" custom v-slot="{ navigate }">
<p class="item" @click="navigate">
<SvgIcon class="icon" name="my-user" width="20px" height="20px" />
个人中心
</p>
</RouterLink>
本文介绍了在Vue3.x中由于版本更新,如何将之前的<router-linktag>语法替换为customv-slot来控制VueRouter4.x的链接样式和结构,提供实例说明了如何使用新的组件属性进行替代。

1320

被折叠的 条评论
为什么被折叠?



