Vue——＜router-link＞‘s tag prop is deprecated and has been removed in Vue Router4

原创于 2022-05-10 23:00:08 发布 · 3.4k 阅读

CC 4.0 BY-SA版权

文章标签：

官方文档介绍了Vue Router中`router-link`组件不再支持`event`和`tag`属性的更新。建议使用自定义插槽和事件来替代，例如通过`v-slot`定义`navigate`方法处理点击和键盘事件，并设置`role=link`以确保辅助技术的兼容性。

在这里插入图片描述
官方文档地址：https://router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link

// 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>