账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue router-link to中,如何设置点击不可跳转?
    60
    0

    在vue中,循环输出导航栏的链接,如何设置其中某些点击没效果即页面不发生跳转,我试过
    router-link v-bind:url,但是页面还是会发生跳转,怎么样才能设置不发生跳转呢,感谢你的解答,
    谢谢

         <router-link :to="item.urlArray">{{item.title}}</router-link>
         
          {urlArray: '/scada', title: '设备数据智能采集系统'},
              {urlArray: '/lab', title: '实验室信息管理与应用分析平台'},
              {urlArray: '/equipment', title: '设备全生命周期智慧管理系统'},
              {urlArray: '/three-dimensional', title: '数字三维实景可视化平台'},
              {urlArray: '/bigData', title: '大数据建模与可视化'},
              {urlArray: '/encoding', title: '信息编码标准与主数据管理工具平台'},
              {urlArray: '/fibre', title: '基于光纤传感的智慧安防平台'},
              {urlArray: '/party', title: '智慧党建'},
              {urlArray: '/education', title: '智慧职教'},
              {urlArray: '/lock', title: '智能门锁'},
              {urlArray: '/academic', title: '学业诊断与考试分析系统'}
         
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 眼神秒杀一切 普通会员 1楼

      在Vue Router中,你可以在创建的router-link组件的to属性中设置v-if,只有当当前组件是被激活时才会跳转。此外,你还可以使用v-show来禁用或显示该链接。

      下面是一个示例:

      ```html 链接文字

      链接文字 ```

      在这个例子中,只有当activeLink等于'myLink'时,才会显示router-link组件。如果activeLink不等于'myLink',则不会跳转。

      注意,v-ifv-show都只能用于router-link组件。如果你需要在其他组件中使用这些属性,你需要创建一个新的组件,并在那个组件中使用v-ifv-show

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部