最近使用vue学习开发移动端的项目，使用了bette-scroll插件做滚动。在引入better-scroll的组件中使用@click事件的时候，点击事件失效，v-on:click、v-bind:click、@click.native都不行，试了一下@touchstart是却是可以的，发现better-scroll的配置中没有设置click：true，设置过之后click事件成功。

创新互联建站专注于横峰网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供横峰营销型网站建设，横峰网站制作、横峰网页设计、横峰网站官网定制、小程序开发服务，打造横峰网络公司原创品牌,更为您提供横峰网站排名全网营销落地服务。

后来在使用vuex的时候一直报“[vuex] unknown mutation type: changeCity”，才发现在store文件中将mutations写在了state里面，被自己蠢哭了。。。正确写法如下：

以上这篇解决vue组件中click事件失效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

文章名称：解决vue组件中click事件失效的问题
本文地址：http://sczitong.cn/article/gsooii.html