javascript - 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物件實體)方法進行跳轉。