0
点赞
收藏
分享

微信扫一扫

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


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

症状:

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

相关症状:

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

重要发现:

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


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

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

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

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

重要更新

我终于解决这个bug了!!

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

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


举报

相关推荐

0 条评论