zoukankan      html  css  js  c++  java
  • 阻止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>
    

      

  • 相关阅读:
    linux网络服务
    linux支持中文
    quartz-2实例
    makefile入门
    form 组件
    jquery +ajax 上传加预览
    iframe 加form提交数据
    笔记,ajax,事件绑定,序列化
    KindEditor
    统计图表
  • 原文地址:https://www.cnblogs.com/bu1204/p/15432727.html
Copyright © 2011-2022 走看看