方法1.
按钮点击后,执行失去焦点函数
<el-button type="primary" @click="(e)=>clearPlatSearch(e)">清空搜索</el-button>
// 让button失去焦点
clearPlatSearch(e){
if(e){
let target = e.target
// 根据button组件内容 里面包括一个span标签,如果设置icon,则还包括一个i标签,其他情况请自行观察。
// 所以,在我们点击到button组件上的文字也就是span标签上时,直接执行e.target.blur()不会生效,所以要加一层判断。
if (target.nodeName === 'SPAN' || target.nodeName === 'I') {
target = e.target.parentNode
}
// 让其失去焦点
target.blur()
}
},
方法二:
@keyup.prevent.native @keydown.enter.prevent.native
<el-button type="primary" @keyup.prevent.native @keydown.enter.prevent.native @click="clear">清空搜索</el-button>