阻止router-link 跳轉 以及打開新頁面


  router-link 

不滿足條件時阻止跳轉
$route.fullPath 不進行跳轉

<router-link :to="row.enabled ? {path: $route.fullPath} : {path:'/dt-exchange/dt-detail',query:{jobId:row.id,page_no:page_no,desc:form.work_describe}}"></router-link>

如果想要另開窗口的話通過 :target="_blank" 默認是_self
雖然說vue的router-link不支持target屬性 但可以解決此問題

滿足條件打開新窗口跳轉,不滿足時不進行跳轉

<router-link :to="row.enabled ? {path: $route.fullPath} : {path:'/dt-exchange/dt-detail',query:{jobId:row.id,page_no:page_no,desc:form.work_describe}}" :target="row.enabled ? '_self' : '_blank'"></router-link>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM