el-cascader clearable事件

el-cascader的clearable事件是一个清空选中值的事件。当用户点击选择器的清空按钮时，会触发clearable事件。你可以在clearable事件的回调函数中进行相应的操作，比如清空级联选择器的选中值。

在Vue中使用el-cascader组件时，可以通过在el-cascader标签上添加clearable属性来开启clearable功能。

例如：
<el-cascader clearable @clear="handleClear" />

在上面的代码中，当用户点击清空按钮时，会触发handleClear方法。

你可以在handleClear方法中执行你需要的逻辑，比如将级联选择器的选中值重置为初始状态。

示例代码：
methods: {
handleClear() {
// 清空选中值的逻辑
this.system = '';
}
}

在上面的代码中，handleClear方法将级联选择器的选中值重置为空字符串，实现了清空选中值的功能。

注意：如果想要使用clearable功能，请确保使用的是支持clearable属性的版本的el-cascader组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [element-ui 级联选择器el-cascader踩坑](https://blog.csdn.net/maryword/article/details/125215866)[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* [vue el-cascader所需要的省市区街道联动的数据格式](https://download.csdn.net/download/weixin_41475202/12663454)[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 ]