第一使用控制台检测

看你一下你的元素控件的真实size是不是根本没有撑起来
加上样式把界面撑起来

  height: 100%;width: 100%;

检测一下margin之类的

使用的控件本身问题

设计问题

例如vue控件vue-seamless-scroll 实现列表滚动效果但是做页面自动滚动的时候如果使用v-for给每个item添加点击事件后发现在滚动到第二遍的时候点击事件失效
原因是vue-seamless-scroll 自行复制了一份DOM 导致在复制的DOM出现的时候点击事件消失
先说一下这种每个item都加一个click函数是非常非常非常耗资源不建议这样开发解决办法使用委托事件
具体可以看一下这位博主
注意使用委托事件时要把所有想起效的控件加入bind

冒泡事件

点击事件被默认事件阻止了使用.native可以解决子组件阻止点击事件

总结

要么是作用范围设置不对，或者控件没有被撑起来
要么是使用第三方组件阻止事件
再者设计问题自己百度看一下自己使用的组件有没有类似问题

vue 点击事件失效检查办法相关推荐

vue 点击事件失效
点击事件失效的情况,总共有三种 1. 没有点到那个元素,比如说div>span 事件绑定在div上,但是它可能点来点去是在span标签上面,这种情况,把@click点击事件绑定到span上测试一 ...
vue的SEO优化——预渲染后路由+点击事件失效问题解决
vue是单页面框架且前后端分离,不利于seo优化.针对这一点,还是有解决办法的. 预渲染后路由+点击事件失效问题解决--近期发现最近遇到了一个前台官网,由于时间比较紧,所以我选择了用vue框架去搭建 ...
ListView条目中有CheckBox点击事件失效问题
在listview的item中包含有textview和checkBox.我们既想获取listitem的点击事件,又想获取listitem中textview的点击事件和listitem中checkBox ...
大屏页面使用transform属性scale进行缩放，高德地图点击事件失效，地图展示模糊
这里写自定义目录标题大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊 1.大屏缩放自适应时使用tansform scale 缩放 1.1.window.res ...
ListView点击事件失效
记录下自己所犯的错误,在写ListView的点击事件时OnItemClickListener,onItemClick方法没有执行,导致ListView条目点击事件失效,检查发现百度上有很多不同的答案, ...
jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...
PC端微信浏览器js点击事件失效
**电脑端微信浏览器js点击事件失效**前段时间发现开发的一个微信公众号上一个按钮的点击事件在手机上是正常的,电脑端手机微信里却不起作用.在网上找了好久都没有找到解决办法.后来查看其它的页面的同样的点 ...
uniapp 在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效
好久没有记录了(今天更新下),使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效,但是,如果,你重定向的页面中有使用navigator组件跳转后再返回,点击事件又有效了,在原 ...
uniapp 在onLaunch中，使用redirectTo或reLaunch跳转页面后，点击事件失效解决方法
好久没有记录了(今天更新下),使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效. 但是,如果,你重定向的页面中有使用navigator组件跳转后再返回,点击事件又有效了,在 ...

vue 点击事件失效检查办法

第一使用控制台检测

使用的控件本身问题

设计问题

冒泡事件

总结

vue 点击事件失效检查办法相关推荐

最新文章

热门文章