ElementUI 级联选择器el-cascader启用选择任意一级选项,选中后关闭下拉框

1、启用选择任意一级选项

在 el-cascader 标签上加上配置项:

html 复制代码
 :props="{ checkStrictly: true }"

例如:

html 复制代码
<el-cascader
  ref="selectedArrRef"
  v-model="selectedArr"
  :options="optionsList"
  :props="{ checkStrictly: true }"
  @change="handleAreaChange"
/>

2、methods中添加方法

javascript 复制代码
handleAreaChange(e) {
	this.$refs.selectedArrRef.dropDownVisible = false
}

参考文档:Cascader 级联选择器

个人博客:紫琪软件工作室

相关推荐
白嫖叫上我19 小时前
Vue3封装主题色完善版
前端
a11177619 小时前
细胞结构实验室(react 开源)
前端·javascript·开源·html
aaaak_19 小时前
PDD 直播间 评论 , wss hex Protobuf 解析流程分析学习
java·前端·学习
ikoala19 小时前
用了几周明基 RD280UG,我终于明白程序员为什么需要一台“专用显示器”
前端·后端·程序员
文心快码BaiduComate19 小时前
Comate搭载DeepSeek-V4
前端·后端
豹哥学前端19 小时前
5分钟搞懂事件委托
前端·javascript·面试
Awu122719 小时前
🍎把数学公式搬进 Web 表格:一个 VTable 实战案例
前端
江无行者19 小时前
aly oss技能应用
前端
朝阳3919 小时前
单向数据流
前端
小小小小宇19 小时前
H5 嵌入微信 / 支付宝 / 抖音小程序 WebView:调用原生能力完整方案
前端