el-cascader:
可以给el-cascader绑定一个@blur事件
然后执行 this.$refs.area.dropDownVisible = false这条语句
<el-cascader
ref="area"
v-model="addForm.idList"
:props="defaultParams"
:options="treeList"
clearable
@change="handleChange"
@blur="close(1)"
/>
close(val) {
if (val === 1) {
this.$refs.area.dropDownVisible = false
} else if (val === 2) {
this.$refs.fixarea.dropDownVisible = false
}
},
el-select:
也是一样绑定一个@blur事件
然后执行这条语句
<el-select
ref="fixdataDirect"
v-model="fixForm.dataDirect"
placeholder="请选择数据流向"
@blur="close(2)"
>
<el-option
v-for="item in dataList"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
close(val) {
if (val === 1) {
this.$refs.dataDirect.blur()
} else if (val === 2) {
this.$refs.fixdataDirect.blur()
}
},