vue移动端绑定click事件失效问题

最新推荐文章于 2023-10-25 14:56:22 发布
最新推荐文章于 2023-10-25 14:56:22 发布
阅读量779 收藏
点赞数 2
分类专栏： vue专栏 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48171107/article/details/110175033
版权

原因是使用了better-scroll，它会阻止touch事件。所以在配置中需要加上click: true
例：

   this.scroll = new BScroll(this.$refs.search,{click:true})
逍遥的码农
关注
专栏目录
解决 - vue移动端项目在IOS上点击输入框失效， 需要点击多次
sunshime的博客
07-19 1042
  近期发现项目中关于输入框在ios上点击失效，多次点击才可以获取焦点的问题， 一、导致这个问题发生的原因   是因为我在这个项目种使用了 FastClick ，它的作用是解决移动端延迟300毫秒的问题。   当使用FastClick 时，在ios上点击输入框，调取手机自带输入键盘不灵敏，有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透。 二、解决方法   修改一下 FastClick 的使用代码，如下： FastClick.proto
解决VUE框架 导致绑定事件的阻止冒泡失效问题
08-27
Vue框架中绑定事件的阻止冒泡失效问题解决方案 在Vue框架中，绑定事件的阻止冒泡失效问题是一个常见的问题。当我们使用Vue框架时，因为框架内部对DOM的处理，导致绑定事件的阻止冒泡失效。下面我们将探讨这个问题的...
vue手机点击无效
weixin_41033048的博客
11-20 695
以后手机上如果click事件点击有问题的，就改为 touch事件，客户的手机操作起来也不会总是没反应了
vue 移动端 click事件失效问题
dreamy_wx的博客
02-02 1425
可能是你使用了better-scroll，默认它会阻止touch事件。所以在配置中需要加上click: true 例： import BScroll from 'better-scroll' mounted() { this.scroll = new BScroll(this.$refs.search, {mouseWheel: true, click: true, tap: true }) }, ...
vue在移动端绑定click事件失效
weixin_30929295的博客
05-31 2650
在做一个列表的时候需要点击列表将列表信息输出，给<li>加个一个很简单的@click，可是没有反应。 原因是使用了better-scroll，默认它会阻止touch事件。所以在配置中需要加上click: true mounted () { this.scroll = new BScroll(this.$refs.search, {mouseWheel: tr...
vue 移动端在div上绑定click事件 失效
qq_52822043的博客
07-30 1675
在.vue的文件中使用了better-scroll，在div标签上绑定click事件后，无效
解决vue组件中click事件失效的问题
12-13
本文将详细解析如何解决Vue组件中click事件失效的问题，以及涉及到的Vuex中未知mutation类型的错误。 首先，让我们深入理解Vue中的事件绑定。Vue提供了多种方式来绑定事件，例如`v-on:click`、`@click`和`@click....
解决vue 绑定对象内点击事件失效问题
12-12
突然的发现某段 html 代码中点击事件失效了。 仔细观察才发现，这段代码内的...以上这篇解决vue 绑定对象内点击事件失效问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
解决vue的touchStart事件及click事件冲突问题
10-15
这样，只有在支持触摸事件的设备上才会绑定touchStart事件，而不支持的设备上将只绑定click事件，从而避免冲突。 以上两种方法可以有效解决vue项目中touchStart事件与click事件的冲突问题，开发者可以根据实际应用...
移动端Vue项目a标签点击事件无效
nunumaymax的博客
01-07 2645
移动端Vue项目a标签点击事件无效 近期项目出现了部分机型点击无效的现象，后来定位到原来是a标签的问题，将a标签更换为div标签，加宽加高点击范围，就可以解决这个问题。
vue移动端H5页面点击事件在部分安卓手机上失灵
最新发布
勤修方可得道成仙
10-25 2031
在一些场景下，为了提高用户体验，开发者会选择使用@touchend事件来代替@click事件，例如在移动端设备上进行滑动操作时，@touchend可以更好地处理滑动过程中的各种交互效果。之前开发了一个H5页面，模仿爱奇艺视频APP的我的频道，点击当前频道进行移除或者添加，开始使用的是@click事件，但是上线以后发现部分安卓手机比如荣耀系列的，点击屏幕上的按钮，事件触发不灵光，点好多次才触发一次。在移动端设备上，由于移动设备的屏幕尺寸较小，点击屏幕上的元素会更加精准，因此@click事件被广泛使用。
Vue 之 移动端 better-scroll 下 click 事件失效问题（PC端却正常click点击）
仙魁XAN
06-26 1067
Vue 之 移动端 better-scroll 下 click 事件失效问题（PC端却正常click点击）Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。本节介绍，Vue 在PC 端在使用 better-scroll 下的 click 能正常点击，切换到移动端， better-scroll 下的 click点击却失效的简单处理 ，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。1、在使用better-scroll 进行页面过长的滚动预览，2、在 better-scroll 滚
关于Vue移动端无法使用click事件
有趣
07-17 599
可能你和我一样使用了better-scroll插件，它会默认阻止click事件，所以在配置项上需要加上click:true better-scroll官网 let wrapper = this.$refs.Wrapper; this.Bs=new BS(wrapper, { probeType: 3 ,click:true,scrollY:true,}); 原文 ...
ios 不能触发click事件
zona
08-15 2893
ios 不能触发 click事件
vue移动端双击事件在安卓手机可以，ios和chrome device失效的问题
shr1399572097的博客
02-20 2509
vue移动端项目中有一个需求是图片双击放大，在网上查了好多，都是说用 @dblclick="Ondblclick"，结果发现在pc端，安卓微信端确实有效，但是ios和chrome device中事件不触发。今天突然发现了vue的手势插件：vue-touch，可以自定义双击事件，在ios和chrome亲测有效。 注意: vue1.0可以直接使用vue-touch，但是vue2.0要安装：vue-touch@next。具体步骤如下： 1.下载vue-touch：npm install vue-touch@n
移动端ios系统click事件失效
小考拉的博客
10-07 1156
移动端写click事件的时候，发现有时候会在ios失效，点击没有反应。 解决方案：把需要写click事件的部分，元素改成a或者button，然后绑定click事件
关于iOS移动端的点击事件失效的问题
Tessa_zzl的博客
04-26 2523
关于iOS移动端的点击事件失效的问题 由于iOS系统对于click点击事件兼容性不是很好，所以建议尽量减少click事件的使用，比如div上绑定的click事件，iOS可能无法识别。 解决方法：在点击事件绑定的元素上设置以下样式： cursor:pointer; ...
onclick事件在苹果手机上失效
weixin_48327767的博客
10-08 1503
onclick在苹果手机上失效，苹果手机在鼠标变成“手”图标才被认作可以使用此点击事件，于是给点击的标签加样式cursor:pointer。② 别使用on事件 直接click touchstart touchend。对于点击的对象，拥有cursor:pointer这个样式的设置。后来发现在电脑上以及在安卓手机上都是可以点击实现正常跳转的。项目在开发阶段，在我本地电脑上点击是可以实现页面跳转的。但是部署到服务器上用手机访问时发现页面不动。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值