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>
版权声明：本文为ActiveQi原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。