vue中失焦事件和点击事件冲突，如何解决？

①可以通过添加setTimeout来实现（但是有时候会出问题，会失效）

//设备号失焦事件blurInput(){setTimeout(() => {this.isShowAuto = false},100)},

②可以把点击事件修改成@mousedown鼠标按下事件（推荐这样解决）

<div v-show="isShowAuto" class="auto"><ul><li v-for="(item,index) in autoList" :key="index" @mousedown="handleClickCurrentDevice(item)">{{item}}</li></ul></div>

vue中失焦事件和点击事件冲突，如何解决？相关推荐

vue中触发按钮的点击事件
主动触发点击事件由vue代码触发点击事件,实现的效果是:点击按钮,触发输入框点击事件,从而实现选择文件. 示例如下: <template><input type="fi ...
vue中echarts纵轴添加点击事件
直接上代码 initChart () {this.ganttChart = echarts.init(document.getElementById('gantt-chart'))const _sel ...
vue、uniapp 小程序点击事件禁止多次点击方法封装
vue.uniapp 小程序点击事件禁止多次点击方法封装在写uniapp 小程序时发现个bug,疯狂点击按钮第一点击事件还没执行完就疯狂多次调用该事件,很是影响用户体验以及消耗性能,所以这里我封装个 ...
iostext添加点击事件_iOS开发小技巧 - label中的文字添加点击事件
Label中的文字添加点击事件以前老师讲过类似的功能,自己懒得回头看了,找了很多第三方的,感觉这个小巧便利,作者只是扩展了分类,实现起来代码也少.先来个效果图自己的项目,直接上代码 - (void ...
Android 中触摸事件与点击事件分析
触摸事件两种检测触摸事件的方式: 设置触摸监听 setOnTouchListener 返回 true: 表示消费事件 , 可以检测到 down/move/up 事件返回 false: 不消费事件 ...
Android中的事件处理之点击事件
在 Android 的图形界面(UI)开发中,有两个非常重要的内容∶一个是控件的布局,另个就是控件的事件处理.Android中的常用事件有点击事件.长按事件.触摸事件.焦点事件.按键事件-下拉列表的选 ...
vue中防止按钮重复点击提交的方法
vue中防止按钮重复点击提交的方法 vue中防止按钮重复点击提交的方法一.自定义全局指令二.自定义局部指令三.动态控制disabled属性 vue中防止按钮重复点击提交的方法经常会遇到的一个问 ...
ListView的长按事件和点击事件冲突的解决办法
需求是这样的:listView中点击item 跳转到一个activity,长按item可以对这条item进行删除操作,在删除前会弹出dialog(确认删除对话框). 但是在开发过程中发现,当长按某个i ...
Android 系统（218）---Android的事件分发机制以及滑动冲突的解决
Android的事件分发机制以及滑动冲突的解决声明: 本文主要涉及VIew的事件分发与滑动冲突的解决,关于View的事件分发流程的部分内容参考自: Android事件分发机制详解:史上最全面.最 ...

vue中失焦事件和点击事件冲突，如何解决？

vue中失焦事件和点击事件冲突，如何解决？相关推荐

最新文章

热门文章