vue 点击事件失效

点击事件失效的情况，总共有三种

1. 没有点到那个元素，比如说div>span 事件绑定在div上，但是它可能点来点去是在span标签上面，这种情况，把@click点击事件绑定到span上测试一下就好了，如果是被覆盖了，加个这个，.stop 阻止一下冒泡就行了

@click.stop="doSomething($event)"

2.还有一种可能被默认事件阻止了，我们加个这个就能解决，.native

@click.native='setUp(index)'

3.如果项目中的某些组件，使用了better-scroll或者iscroll 这些轮播之类的插件，也会导致点击事件失效，我们需要配置一些选项，click: true,

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

才疏学浅，如有不足，欢迎指出，不胜感激 (•̀ᴗ•́)و ̑̑

vue 点击事件失效相关推荐

vue 点击事件失效检查办法
第一使用控制台检测看你一下你的元素控件的真实size是不是根本没有撑起来加上样式把界面撑起来 height: 100%;width: 100%; 检测一下margin之类的使用的控件本身问题设 ...
vue的SEO优化——预渲染后路由+点击事件失效问题解决
vue是单页面框架且前后端分离,不利于seo优化.针对这一点,还是有解决办法的. 预渲染后路由+点击事件失效问题解决--近期发现最近遇到了一个前台官网,由于时间比较紧,所以我选择了用vue框架去搭建 ...
大屏页面使用transform属性scale进行缩放，高德地图点击事件失效，地图展示模糊
这里写自定义目录标题大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊 1.大屏缩放自适应时使用tansform scale 缩放 1.1.window.res ...
ListView条目中有CheckBox点击事件失效问题
在listview的item中包含有textview和checkBox.我们既想获取listitem的点击事件,又想获取listitem中textview的点击事件和listitem中checkBox ...
jbutton添加点击事件_electron-vue自定义边框后点击事件失效问题
问题描述:electron-vue自定义边框后点击事件失效(不单单点击事件,窗体内所有事件都失效) 解决方案:在需要事件处理的节点上添加样式-webkit-app-region:no-drag; sr ...
layui 按钮点击一次后失效_electron-vue自定义边框后点击事件失效问题
问题描述:electron-vue自定义边框后点击事件失效(不单单点击事件,窗体内所有事件都失效) 解决方案:在需要事件处理的节点上添加样式-webkit-app-region:no-drag; sr ...
ListView点击事件失效
记录下自己所犯的错误,在写ListView的点击事件时OnItemClickListener,onItemClick方法没有执行,导致ListView条目点击事件失效,检查发现百度上有很多不同的答案, ...
jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...
PC端微信浏览器js点击事件失效
**电脑端微信浏览器js点击事件失效**前段时间发现开发的一个微信公众号上一个按钮的点击事件在手机上是正常的,电脑端手机微信里却不起作用.在网上找了好久都没有找到解决办法.后来查看其它的页面的同样的点 ...

vue 点击事件失效

vue 点击事件失效相关推荐

最新文章

热门文章