el-cascader 多选
时间: 2023-11-07 14:19:07 浏览: 136
uniapp-cascader
el-cascader组件并不能同时支持一级多选和二级单选的功能。它只能要么是单选,要么是多选。 如果想要实现el-cascader的多选功能,可以通过操作key来重新渲染组件。具体做法是,在el-cascader组件上添加一个key属性,当需要修改已选择选项时,改变key的值,触发组件重新渲染。这样就可以让el-cascader组件接受已修改的选项。不需要再通过直接移除样式的方式来取消勾选选项了。例如,你可以将el-cascader组件的代码实现中的:key="cascaderKey"添加到你的代码中。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [奇葩功能实现:级联选择框组件el-cascader实现同一级的二级只能单选,但是一级可以多选](https://blog.csdn.net/yorcentroll/article/details/131664993)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [el-cascader级联选择--多选](https://blog.csdn.net/m0_75278118/article/details/132065041)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文