vue.js - router-link 中的 "tag"属性如何工作？

Question

我有这两个 router-links，一个包含在 li 元素中，另一个应用了 tag="li" 属性:

<router-link tag="li" :to="{ name: 'work'}">Work</router-link
<li><router-link :to="{ name: 'news'}">News</router-link></li>

在浏览器中编译如下:

router-link 的 tag 属性是否旨在替换 html 元素？浏览器(SEO 等)会以相同的方式识别这两个链接吗？我想使用 tag 属性缩短我的 html，但不知道是否应该这样做。

Answer 1

tag属性 does not exist在 Vue Router 4 中(这是目前唯一可以与 Vue 3 一起使用的路由器版本)

它的目的是作为替换 a 的选项。与不同的东西。然而如li不能有href属性，包含 <a>里面<li>是您最好的选择