解决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 相关文章推荐
IE JS编程需注意的内存释放问题
Jun 23 Javascript
js的写法基础分析
Jan 17 Javascript
jquery键盘事件介绍
Jan 31 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
学习JavaScript设计模式之迭代器模式
Jan 19 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
javascript ES6中箭头函数注意细节小结
Feb 17 Javascript
JS触摸事件、手势事件详解
May 04 Javascript
vue中实现图片和文件上传的示例代码
Mar 16 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
判断“命令按钮”是否被鼠标单击详解
Jul 31 Javascript
JS前端轻量fabric.js系列物体基类
Aug 05 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
一个用于网络的工具函数库
2006/10/09 PHP
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
PHP获取文件的MD5值并判断是否被修改的例子
2014/06/19 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
Laravel第三方包报class not found的解决方法
2019/10/13 PHP
简单JS代码压缩器
2006/10/12 Javascript
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
写js时遇到的一些小问题
2010/12/06 Javascript
Javascript实现禁止输入中文或英文的例子
2014/12/09 Javascript
javascript中attachEvent用法实例分析
2015/05/14 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
javascript实现下雨效果
2017/03/27 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
vue mounted组件的使用
2018/06/18 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
2019/03/29 Javascript
使用layer模态框给新页面传值的方法
2019/09/27 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
安装Pycharm2019以及配置anconda教程的方法步骤
2019/11/11 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
Python单链表原理与实现方法详解
2020/02/22 Python
python中用ctypes模拟点击的实例讲解
2020/11/26 Python
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
大学毕业生文采飞扬的自我鉴定
2013/12/03 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
毕业设计工作总结
2015/08/14 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript