vue @blur和@click冲突

Posted 2021-09-27 user_YG4HiUnu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue @blur和@click冲突相关的知识，希望对你有一定的参考价值。

关于@blur和@click或者@tap冲突问题

网上大部分是让失去焦点的方法的setTimeout延时执行达到点击效果，当然要求不高没问题。测试设置300ms以上才会有效，但是如果是一个弹出框延时300ms明显有点卡顿的感觉。所以有了下面的思路。

onUnFocus() {
  this.showView = false
  setTimeout(() => {
    this.inputIsShow = false
  }, 500)
},

结合下面体验效果杠杠的

<view v-if="inputIsShow"  :style="{ opacity: showView ? 1 : 0 }"></view>

以上是关于vue @blur和@click冲突的主要内容，如果未能解决你的问题，请参考以下文章