javascript - vue-router中的router-link如何動態的控制在被點擊的時候不可跳轉
PHP中文网
PHP中文网 2017-05-19 10:26:01
0
3
925

RT
問題描述:
頁面中的有一個router-link渲染出來的鏈接,當某些情況的時候,這個鏈接可以跳轉,某些情況的時候,不可以跳轉

思考:
如何實現router-link不可跳轉呢

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

最終採用的hack方法:

當不希望使用者點擊跳轉時,url就設定為目前頁面的url,當希望點擊跳轉時,url設定為目標url

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(3)
習慣沉默

使用編程式導航

淡淡烟草味

那你不是要判斷狀況嗎?用a標籤寫個函數來判斷吧

左手右手慢动作

使用編程式導航。具體為使用其他標籤如li綁定點擊事件(如需禁用記得加上禁用的狀態才算完整),在事件回調函數中經過業務的邏輯判斷,決定是否使用this.$route.push(url字串或url物件實體)方法進行跳轉。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板