组件库自带是失焦事件@blur不生效 我这边选择使用的@visible-change下拉框展开隐藏事件
@visible-change提供一个$event值为true/false
当隐藏时一般都为失焦事件
<el-cascader ref="regionCascader" :options="options" :props="optionProps" v-model.trim="providerForm.regionName" @visible-change="blurbtn($event,providerForm.regionName)" placeholder="请选择所属区域" clearable style="width:40%"></el-cascader>
blurbtn(e,datalist){
if(!e){
let params = []
datalist.forEach(item => {
params.push(item[item.length-1])
});
}
},
常见的聚焦失焦事件一般可以使用@visible-change事件顶替