欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > ElementUI 级联选择器el-cascader启用选择任意一级选项,选中后关闭下拉框

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

2025/3/9 4:46:14 来源:https://blog.csdn.net/qq_21609531/article/details/146105689  浏览:    关键词:ElementUI 级联选择器el-cascader启用选择任意一级选项,选中后关闭下拉框

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

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

 :props="{ checkStrictly: true }"

例如:

<el-cascaderref="selectedArrRef"v-model="selectedArr":options="optionsList":props="{ checkStrictly: true }"@change="handleAreaChange"
/>

2、methods中添加方法

handleAreaChange(e) {this.$refs.selectedArrRef.dropDownVisible = false
}

参考文档:Cascader 级联选择器

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

热搜词