Vue 之 移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击)
Vue 之 移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击)
目录
Vue 之 移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击)
一、简单介绍
二、问题描述
三、问题分析
四、尝试解决
一、简单介绍
Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。
本节介绍,Vue 在PC 端在使用 better-scroll 下的 click 能正常点击,切换到移动端, better-scroll 下的 click点击却失效的简单处理 ,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。
二、问题描述
1、在使用better-scroll 进行页面过长的滚动预览,
2、在 better-scroll 滚动页面,添加元素的 click 事件
3、PC 端正常可以滚动点击
4、移动端可以滚动页面,点击元素却没有反应
三、问题分析
相关说明 :
很有可能就是,默认阻止click 事件的派发
四、尝试解决
就是在构建 BetterScroll 的时候,进行设置 click 为 true
this.scroll = new BetterScroll(this.$refs.wrapper, {click: true})
添加click :ture ,测试的确,移动端也可以正常点击了
Vue 之 移动端 better-scroll 下 click 事件失效问题(PC端却正常click点击)相关推荐
- 关于javascript:void(0);,herf=”#”以及在IE6下,click事件失效的问题
经常看到一些网页中,超链接标签中<a href="#"> herf中的"#"改成javascript:void(0);因为#包含了一个位置信息,默认 ...
- 楚留香pc端连接服务器未响应,楚留香游戏pc端闪退怎么办_楚留香游戏中pc端闪退解决办法汇总...
楚留香手游的内存相对其他小型游戏来说比较大,所以游戏的过程中容易出现pc端闪退的情况,楚留香游戏pc端闪退怎么办?快啦小编给大家带来楚留香游戏中pc端闪退解决办法汇总. 楚留香游戏中pc端闪退解决办法 ...
- IView 给Submenu增加click事件失效解决方案
IView 给Submenu增加click事件失效解决方案 参考文章: (1)IView 给Submenu增加click事件失效解决方案 (2)https://www.cnblogs.com/ouke ...
- vue 移动端在div上绑定click事件 失效
在.vue的文件中使用了better-scroll,在div标签上绑定click事件后,无效. 原因:使用了better-scroll,默认它会阻止touch事件.所以在配置中需要加上click: t ...
- HTML5CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第10章有路网PC端主页实战整合
本教程案例在线演示 有路网PC端 有路网移动端 免费配套视频教程 免费配套视频教程 教程配套源码资源 教程配套源码资源 制作有路网首页 有路网首页布局框架制作 划分区域,确定div 测量各个区域的宽高 ...
- 苹果手机click事件失效
我是平时没事就搜集各种工作中有用的博客,哈哈 感谢分享https://blog.csdn.net/yydd199706/article/details/84954668 用一个div当做了一个按钮来使 ...
- php判断移动端和pc端访问_PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
本文实例为大家分享了PHP判断的两个实例,一是PHP判断是手机端还是PC端,二是PHP判断是否是微信浏览器,供大家参考,具体内容如下 1.判断是否是手机端 function isMobile() { ...
- 博奥智源,分享不良事件管理系统(PC端)具体功能设计
1.1系统流程 (1)事件上报 不良事件智能部门审核后系统上报自动化,流程化. 系统内置多类上报事件的模块,可通过勾选.填报.快速定位等功能,快速完成事件的上报,同时在上报的时候可实现暂存和上传附件等 ...
- 【踩错】解决ajax异步更新后控件的click事件失效的方法
2019-11-14 昨天做了一个在线投票网站,是为研究生院"良师益友"活动准备的. 在其中遇到一个问题,用 ajax 异步更新了导师列表,列表中有"投票"按钮 ...
最新文章
- python推荐书籍-7本经典的Python书籍,你都读过了么?
- 定位漏水与非定位漏水的区别?
- 再论CMMI和敏捷的对话
- 偶尔所得代码片(进程和锁相关)
- testng使用DataProvider+Excel实现DDT
- windows安装Linux卡logo,Dell xps 15 windows ubuntu16.04 UEFI 双系统安装 卡在logo界面 卡***问题解决...
- spring boot 邮件端口_springboot集成qq邮件发送功能
- FPGA笔试数电部分(一)
- 22. Magento 创建新闻模块(3)
- 将十进制IP转换成二进制IP
- PIC单片机应用开发实践教程(二): 新建工程
- 如鹏网.NET软件工程师提高班 杨中科.net高级视频
- django mysql sql语句_Django中使用mysql数据库并使用原生sql语句操作
- [篇二章七]_安装卸载 VMware Tools
- 为什么 4EVERLAND 是 Web 3.0 的最佳云计算平台
- 海思挂在ssd电子盘内核配置
- 微商php源码,Thinkphp内核微商新零售平台源码
- 小米手机保护套自动锁屏功能
- FeelDesk工单系统介绍
- erlang nif 中文手册