element 级联修改数据时数据回显以及新增数据时数据重置解决方法

场景：最近项目中用到了级联，使用时发现在修改时级联数据回显遇到一些问题，尝试各种方法后解决了，在此记录一下

1.首先看看源码 vue代码

   <el-cascader :options="jgoptions" :key="cascaderKey" v-model="jgdata" :props="jgprops" ref="selectJgdata"
                         collapse-tags clearable popper-class="jgcascader"></el-cascader>

2.js data

//js data
  		jgdata: [],
      jgprops: {multiple: false, emitPath: true, value: "name", label: "name"},
      jgoptions: [],
       cascaderKey: 1,

3.js代码实现

原理很简单，就是给级联绑定的v-model 赋值，v-model 为一个数组，里面赋prop的value值

  this.jgdata = [str[0], str[1]];

4.重置，清空级联值

  this.jgdata =[ ];