失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue中失焦事件和点击事件冲突 如何解决?

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

时间:2021-07-06 22:15:36

相关推荐

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中失焦事件和点击事件冲突 如何解决?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。