首页 > 其他分享 >vue-cli项目中,rouer-link点击后无效

vue-cli项目中,rouer-link点击后无效

时间:2022-10-31 17:36:00浏览次数:79  
标签:vue cli 标签 rouer 点击 正常 link click 鼠标


昨日,重构我的vue-cli项目,但是在使用router-link时发现,无论如何点击其都不起反应。

症状:

  • 鼠标左键点击无效
  • 鼠标移上后,(谷歌)浏览器左下角正常显示链接网址
  • 网页解析正常,​​<routetr-link>​​标签被解析成了a标签,且与正常a标签无异
  • console中无异常
  • 鼠标中建点击(新页面打开)能够正常打开其对应的网页

相关症状:

  • router-link 屏蔽掉了其自带的click事件,要使用则需要用 ​​@click.native="xxx"​​(但是如果写成to.native会报异常)

重要发现:

vue-cli项目中,rouer-link点击后无效_a标签


当点击这个remove后,route-link就能正常使用了

推断:有哪个事件把它的点击事件屏蔽了,因此找到那个对应的时间并将其删除,即可!

然后我没找到那个事件~~~~

vue-cli项目中,rouer-link点击后无效_router_02

重要更新

我终于解决这个bug了!!

在main.js里面,一定要记得加上​​next()​​!!!

vue-cli项目中,rouer-link点击后无效_a标签_03


标签:vue,cli,标签,rouer,点击,正常,link,click,鼠标
From: https://blog.51cto.com/u_15854687/5810531

相关文章

  • vue-cli项目报错:Maximum call stack size exceeded
    ​​Maximumcallstacksizeexceeded​​这个错误,看得出是说调用栈溢出,一般来说自己的代码不至于让调用栈溢出吧,所以这个错误往往是因为循环调用而导致的一种调用循环。即......
  • Echarts——VUE中非根节点时不显示图表也无报错
    前言因为之前的封装都是直接作为根节点封装的,使用this.$el,非根组件的时候使用this.$refs.xx指定即可内容简写<divref="container":id="id"style="height:165px;......
  • vue进阶
    1计算属性#如果{{函数()}},每次页面刷新,函数都会重新执行#函数---》当属性来使用,缓存<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8">......
  • 关于vue项目中用户手动刷新,页面回到初始状态的问题
    当点击个人中心后手动刷新页面,下标会回到默认的首页下方此时可以通过vuex+localStorage来解决  在store目录下新建header.js ......
  • vue路由守卫
    路由守卫有三种:1:全局钩子:beforeEach、afterEach2:独享守卫(单个路由里面的钩子):beforeEnter、beforeLeave3:组件内守卫:beforeRouteEnter、beforeRouteUpdate、beforeRout......
  • [Vue]npm创建vue环境
    1.vite创建vue环境[root@PythonVue]#npminitvite@latestNeedtoinstallthefollowingpackages:[email protected]?(y)✔Projectname:…......
  • vue条件渲染
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-e......
  • vue防抖
     constdebounce=()=>{axios.get('/api/blog/administration/spot').then(res=>{if(res.data.code==200){}else{this.......
  • vue中间件
    .env.development//部署(文件名).env.production//生产前(文件名)${process.env.VUE_APP_UR}//获取值写一个中间件在写前后台分离的时候肯定是需要发起各种求情......
  • Vue privide 和inject 依赖注入的用法
    from表示在可用的注入内容中搜索用的key,default当然就是默认值。 这里就是我们说的provide,向下提供信息,这里提供的是当前的vue实例,相当于给了后代一个接口。这样在任......