首页element cascader 值清空

element cascader 值清空

时间: 2023-07-06 12:38:23 浏览: 204

要清空 Element Cascader 的值，可以通过以下两种方法实现： 1. 通过设置 v-model 绑定的变量为 null 或空数组来清空 Cascader 的值，例如： ``` <template> <el-cascader v-model="selectedOptions" :options="options"></el-cascader> <el-button @click="clearSelection">清空</el-button> </template> <script> export default { data() { return { options: [...], selectedOptions: [] } }, methods: { clearSelection() { this.selectedOptions = [] // 将选中项清空 } } } </script> ``` 2. 通过调用 Cascader 的 clear 方法来清空选中值，例如： ``` <template> <el-cascader ref="myCascader" :options="options"></el-cascader> <el-button @click="clearSelection">清空</el-button> </template> <script> export default { data() { return { options: [...] } }, methods: { clearSelection() { this.$refs.myCascader.clear() // 调用 Cascader 的 clear 方法清空选中值 } } } </script> ``` 以上两种方法都可以清空 Cascader 的选中值，具体使用哪种方法可以根据具体场景来选择。

阅读全文