javascript – So steuern Sie den Router-Link im Vue-Router dynamisch, damit er beim Klicken nicht springt

Question

RT
Problembeschreibung:
Auf der Seite befindet sich ein vom Router-Link gerenderter Link. Unter bestimmten Umständen kann dieser Link springen, aber unter bestimmten Umständen kann er nicht springen

Denken:

Wie man die Router-Verbindung unüberspringbar macht

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

Die Hack-Methode wurde endlich übernommen:

Wenn Sie nicht möchten, dass der Benutzer zum Springen klickt, wird die URL auf die URL der aktuellen Seite gesetzt. Wenn Sie zum Springen klicken möchten, wird die URL auf die Ziel-URL gesetzt

Answer 1

使用编程式导航

Answer 2

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

Answer 3

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