vue-router中的router-link如何动态的控制在被点击的时候不可跳转

Question

RT
问题描述：
页面中的有一个router-link渲染出来的链接，当某些情况的时候，这个链接可以跳转，某些情况的时候，不可以跳转

思考：
如何才能实现router-link不可跳转呢

<router-link v-bind:to="url" >
   //come code                   
</router-link>

最终采用的hack方法：

当不希望用户点击跳转时，url就设置为当前页面的url，当希望点击跳转时，url设置为目标url

Answer 1

使用编程式导航

Answer 2

那你不是要判断情况吗？用a标签写个函数来判断吧

Answer 3

使用编程式导航。具体为使用其他标签如li绑定点击事件(如需禁用记得加上禁用的状态才算完整)，在事件回调函数中经过业务的逻辑判断，决定是否使用this.$route.push(url字符串或url对象实体)方法进行跳转。

Answer 4

pointer-events: none;