阻止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