解决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 相关文章推荐
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
jquery定时滑出可最小化的底部提示层特效代码
Oct 02 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
js 闭包深入理解与实例分析
Mar 19 Javascript
JS中箭头函数与this的写法和理解
Jan 14 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注释和去除空格函数分享
2014/03/13 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
JavaScript数字和字符串转换示例
2014/03/26 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
JS+CSS实现的经典tab选项卡效果代码
2015/09/16 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
用原生js做单页应用
2017/01/17 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
解决layui动态加载复选框无法选中的问题
2019/09/20 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
[03:44]2015国际邀请赛选手档案—Cloud9.NoTail
2015/07/28 DOTA
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
python3 破解 geetest(极验)的滑块验证码功能
2018/02/24 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
python logging 日志的级别调整方式
2020/02/21 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
简历上的自我评价
2014/02/03 职场文书
优秀学生干部先进事迹材料
2014/05/26 职场文书
本科生求职信
2014/06/17 职场文书
党员教师个人对照检查材料(群众路线)
2014/09/26 职场文书
学位证书委托书
2014/09/30 职场文书
信用卡工资证明范本
2014/10/17 职场文书
2015年植树节活动总结
2015/02/06 职场文书
党校个人总结
2015/03/04 职场文书
代理词怎么写
2015/05/25 职场文书
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python