当前位置:网站首页>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
边栏推荐
- Palindromic Primes
- Makefile foundation, common functions and general makefile
- js根据名字将数组对象中名字相同的项组成一个相同的数组
- Node data flow
- oninput 一个函数达到控制多个oninput的效果(将本输入框的内容作为参数)【很实用,很实用】
- Sdoi2009-hh Necklace
- WebAPI+Form表单上传文件
- New type of dark energy could solve Universe expansion mystery
- ASP.NET CORE3.1 Identity注册用户后登录失败的解决方案
- Promise(三)
猜你喜欢
随机推荐
常用网站汇总
Error in created hook: “ReferenceError: “Promise”未定义“
欢迎使用Markdown编辑器
The difference between single quotation mark, double quotation mark and back quotation mark in shell script
几款笔记软件的优缺点
var、let、const之间的区别
Node的数据库编程
js中entries(),keys(),values() , some(), Object.assign()遍历数组用法
Color string conversion
微信小程序之点击取消,返回上页,修改上页的参数值,let pages=getCurrentPages() let prevPage=pages[pages.length - 2] // 上一页的数据
.NET跨平台原理(上篇)
Principle and characteristic analysis of triode
New features of ES6
【批量更改mysql表以及表中字段对应的编码】
JS实现私有属性
js中的作用域与作用域链
启用AHCI后无法启动系统
C# webpai 路由详解
Your brain expands and shrinks over time — these charts show how
Overview of node file system and buffer