解决vue组件中click事件失效的问题


Posted in Javascript onNovember 09, 2019

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

解决vue组件中click事件失效的问题

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

解决vue组件中click事件失效的问题

以上这篇解决vue组件中click事件失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
JavaScript 大数据相加的问题
Aug 03 Javascript
在javascript中关于节点内容加强
Apr 11 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 #Javascript
Vue根据条件添加click事件的方式
Nov 09 #Javascript
浅谈vuex中store的命名空间
Nov 08 #Javascript
解决$store.getters调用不执行的问题
Nov 08 #Javascript
在Vue中使用this.$store或者是$route一直报错的解决
Nov 08 #Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 #Javascript
vue.js 子组件无法获取父组件store值的解决方式
Nov 08 #Javascript
You might like
php cookis创建实现代码
2009/03/16 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
thinkPHP事务操作简单案例分析
2019/10/17 PHP
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
document.createElement()用法
2013/03/13 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
javascript常用功能汇总
2015/07/05 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
利用NPM淘宝的node.js镜像加速nvm
2017/03/27 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
Vue框架之goods组件开发详解
2018/01/25 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
Python爬虫小技巧之伪造随机的User-Agent
2018/09/13 Python
python实现贪吃蛇游戏
2020/03/21 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python多线程实现TCP服务端
2019/09/03 Python
Python实现数值积分方式
2019/11/20 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
医学院护理专业应届生求职信
2013/11/12 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书
单位婚育证明范本
2014/11/21 职场文书
创先争优承诺书
2015/01/20 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技