vue框架下 element 动态加载级联选择器主动清空内容

做公司项目的时候需要用到级联选择器，获取数据后发现无法主动清空内容，主要尝试了网上几种方法，如主动触发clearable、还有什么鬼暴力清空方法和以下方法，均以失败告终。

let obj = {
   }
obj.stopPropagation = () => {
   }
try{
   
    this.$refs.cascader.clearValue(obj)
}catch(err){
   
    this.$refs.cascader.handleClear(obj)
}

后来与同事讨论后实现了。因为需要查询后台获取数据，所以这里用element动态加载级联选择器组件简单复现一下，这种没有真实数据渲染的并不能完美清空，不过思路已经贴出。代码如下：

<template>
  <div>
    <el-cascader
      v-model=