- 链接
- v-link 替换
- 升级路径
- v-link-active 替换
- 升级路径
- 升级路径
- v-link 替换
链接
v-link 替换
v-link
指令已经被一个新的 <router-link>
组件指令替代,这一部分的工作已经被 Vue 2 中的组件完成。这将意味着在任何情况下,如果你拥有这样一个链接:
<a v-link="'/about'">About</a>
你需要把它更新成:
<router-link to="/about">About</router-link>
注意:<router-link>
不支持target="_blank"
属性,如果你想打开一个新标签页,你必须用<a>
标签。
升级路径
运行 迁移助手 找到 v-link
指令的示例。
v-link-active 替换
v-link-active
也因为指定了一个在 <router-link>
组件上的 tag 属性而被弃用了。举个例子,你需要更新:
<li v-link-active>
<a v-link="'/about'">About</a>
</li>
成这个写法:
<router-link tag="li" to="/about">
<a>About</a>
</router-link>
<a>
标签将会成为真实的链接 (并且可以获取到正确的跳转),但是激活的类将会被应用在外部的<li>
标签上。
升级路径
运行 迁移助手 找到 v-link-active
指令的示例