博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue移动端better-scroll组件中的@click事件失效
阅读量:4125 次
发布时间:2019-05-25

本文共 611 字,大约阅读时间需要 2 分钟。

今天项目做完了,在手机上测试。发现在better-scroll组件中的所有@click事件都失效了。网上查了下 是在建立BScroll对象的时候需要添加以下参数即可解决这个问题

this.scroll = new BScroll(this.$refs.wrapper, {
scrollX: true, mouseWheel: true, click: true, tap: true })

其中scrollX是指滚动的方向。X是横向滚动

mouseWheel:
是为PC端鼠标滚轮滚动而设定的。跟移动端没啥关系
click:
BetterScroll 默认会阻止浏览器的原生 click 事件。当设置为 true,BetterScroll 会派发一个 click 事件

tap:

默认值:"
因为 BetterScroll 会阻止原生的 click 事件,我们可以设置 tap 为 ‘tap’,它会在区域被点击的时候派发一个 tap 事件,你可以像监听原生事件那样去监听它

我感觉tap和mouseWheel其实可以不用的。

现记录着 回头试试

better-scroll官网:

https://better-scroll.github.io/docs/zh-CN/guide/base-scroll-options.html

转载地址:http://akepi.baihongyu.com/

你可能感兴趣的文章
ubuntu相关
查看>>
C++ 调用json
查看>>
nano中设置脚本开机自启动
查看>>
动态库调动态库
查看>>
Kubernetes集群搭建之CNI-Flanneld部署篇
查看>>
k8s web终端连接工具
查看>>
手绘VS码绘(一):静态图绘制(码绘使用P5.js)
查看>>
手绘VS码绘(二):动态图绘制(码绘使用Processing)
查看>>
基于P5.js的“绘画系统”
查看>>
《达芬奇的人生密码》观后感
查看>>
论文翻译:《一个包容性设计的具体例子:聋人导向可访问性》
查看>>
基于“分形”编写的交互应用
查看>>
《融入动画技术的交互应用》主题博文推荐
查看>>
链睿和家乐福合作推出下一代零售业隐私保护技术
查看>>
Unifrax宣布新建SiFAB™生产线
查看>>
艾默生纪念谷轮™在空调和制冷领域的百年创新成就
查看>>
NEXO代币持有者获得20,428,359.89美元股息
查看>>
Piper Sandler为EverArc收购Perimeter Solutions提供咨询服务
查看>>
RMRK筹集600万美元,用于在Polkadot上建立先进的NFT系统标准
查看>>
JavaSE_day14 集合中的Map集合_键值映射关系
查看>>