如何在 el-autocomplete 组件中添加 blur 事件并保持 select 事件正常执行
你可以在 el-autocomplete 组件中添加 blur 事件来执行某个函数,同时保留 select 事件的正常执行。
首先,在 el-autocomplete 组件上添加 blur 事件处理函数:
<el-autocomplete @blur='handleBlur' @select='handleSelect'></el-autocomplete>
然后,在 methods 中定义 handleBlur 函数:
methods: {
handleBlur() {
// 执行某个函数
console.log('输入框和输入建议项失去焦点');
},
handleSelect(item) {
// 正常执行 select 事件处理函数
console.log('选择了某个项', item);
}
}
这样,当 el-autocomplete 组件的输入框和输入建议项失去焦点时,会执行 handleBlur 函数,而当选择某个项时,则会执行 handleSelect 函数,两个事件不会相互影响。
原文地址: http://www.cveoy.top/t/topic/qUT 著作权归作者所有。请勿转载和采集!