解决vue内blur方法先于click事件执行问题


在vue项目中，表单的文本框带离开焦点验证，进入页面后，不消息触发了当前焦点，再点击返回按钮。发现先验证文本框的离开焦点事件，返回按钮的click事件失效。

解决方式

1
2
3
4
5
6
7
methods: {
  inputBlur () {
    setTimeout(()=>{
      //执行离开焦点操作
    },300);
  }
}

只需要在离开焦点的方法内设置延长执行，即可让click事件先执行。