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

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

1.首先看看源码 vue代码
   


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 =[ ];

你可能感兴趣的:(elementui,vue)