elementui 联级选择器 选择任意节点 点击lable时选中并缩起来
mounted() {
// 联级选择器点击lable也能选中
setInterval(function() {
document.querySelectorAll('.el-cascader-node__label').forEach(el => {
el.onclick = function() {
if (this.previousElementSibling) this.previousElementSibling.click()
}
})
}, 1000)
},
watch: {
// 联级选择器选中后 练级选择器缩起来
'dataForm.areaCode'() {
if (this.$refs.refHandle) {
this.$refs.refHandle.dropDownVisible = false //监听值发生变化就关闭它
}
}
}
【elementui 联级选择器 选择任意节点 点击lable时选中并缩起来】dataForm.areaCode为 data数据中的 dataForm: { areaCode:" " }表单中的数据
refHandle 为 在
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- javascript|javascript 性能测试笔记
- HTML5新增选择器属性方法
- CSS笔记
- SwiftUI|SwiftUI iOS 组件之双值区间取值选择器RangeSlider支持颜色(教程含源码)
- JQuery总结(选择器归纳、DOM遍历和事件处理、DOM完全操作和动画)
- 给新手同学总结的js|给新手同学总结的js css jquery选择器
- element中popover弹框中有选择器,点击后popover消失的解决办法
- Vue引入elementui