当前位置:网站首页>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
边栏推荐
猜你喜欢
随机推荐
Use of shell scripts & and 𞓜
js根据名字将数组对象中名字相同的项组成一个相同的数组
.Net Core3.1 使用 RazorEngine.NetCore 制作实体生成器 (MVC网页版)
C language structure specifying initialization
微信小程序之点击取消,返回上页,修改上页的参数值,let pages=getCurrentPages() let prevPage=pages[pages.length - 2] // 上一页的数据
千呼万唤始出来
New features of ES6
手动实现简单的Promise及其基础功能
C# 监听WMI事件
Node数据流
Navicat 连接 oracle library is not loaded的解决方法
Header内置对象
v-for下定时给图片添加动画
Krypton binary
New type of dark energy could solve Universe expansion mystery
1-3 NodeJS的安装之清单配置与跑项目环境
Your brain expands and shrinks over time — these charts show how
FOC single resistance sampling position loop control servo motor
.Net Core 下使用 Quartz —— 【4】作业和触发器之作业属性和异常
20220222回归职场









