Web前端篇——el-input失去焦点事件监听

有时简单的直接给el-input设置:blur="searchBlur"属性绑定失去焦点事件，会发现失去焦点事件并未触发，除非人为调用了el-input的blur函数才会触发，此时我们可以通过手动添加失去焦点事件的监听。

在vue的methods里面定义个searchBlur函数如下：

searchBlur() {
  console.log("失去了焦点");
}

在vue的mounted里面，通过$refs.xxx.$el获取到el-input输入框，给它添加失去焦点事件的监听。

this.$refs.searchInput.$el.addEventListener("blur", this.searchBlur, true);