vue router-link to中，如何设置点击不可跳转？

Question

在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: '学业诊断与考试分析系统'}
     

Answer 1

谢邀。尝试一下不用router-link ，用别的标签，@click里面去处理跳转逻辑。
编程式的导航

Answer 2

设置其中某些点击没效果即页面不发生跳转 是根据什么判断的？ 如果在你循环的数组中，:to绑定的时候可以根据这个判断来绑定 url 或者 ###

Answer 3

router.beforeEach 注册一个前置守卫

Answer 4

设置成$route.fullPath就可以了，或者{path: $route.fullPath}