router-link失效场景
<router-link to="/home/xxxxxx/" tag="li">
<a href="javascript:">点我</a>
</router-link>
这种情况下点击li
标签区域,不会路由,URL地址也没有改变。反而点击<a>
标签能正确路由。
原因
router-link
通过tag
改变渲染后的标签,同时里面包裹了一个<a>
标签的情况。会将里面的<a>
作为真实的链接,其href
属性是真正的路由地址。
实际渲染的效果:
<li>
<a href="#/home/xxxxxx/">点我</a>
</li>
参考文档