当前位置:网站首页>el-cascader和el-select点击别处让下拉框消失
el-cascader和el-select点击别处让下拉框消失
2022-04-23 05:56:00 【Eli-sun】
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()
}
},
版权声明
本文为[Eli-sun]所创,转载请带上原文链接,感谢
https://blog.csdn.net/vfjcgg/article/details/119910214
边栏推荐
猜你喜欢
随机推荐
The difference between single quotation mark, double quotation mark and back quotation mark in shell script
Redux overview
1-4 NodeJS的安装之配置可执行脚本
【Markdown笔记】
各进制数之间的互相转换
freeCodeCamp----budget & category 练习
常用网站汇总
ES6的新特性
2020 Jiangsu Collegiate Programming Contest-A.Array
el-table添加序号
查漏补缺(八)
Node的数据库编程
导入文件时候 new FormData()
微信小程序之点击取消,返回上页,修改上页的参数值,let pages=getCurrentPages() let prevPage=pages[pages.length - 2] // 上一页的数据
Makefile foundation, common functions and general makefile
Router对象、Route对象、声明式导航、编程式导航
FOC single resistance sampling position loop control servo motor
Analysis and setting of dead time
freeCodeCamp----prob_calculator练习
Devexpress Gridview 添加全选列