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は1つの配列で、中はpropのvalue値を割り当てます

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

4.リセット、カスケード値のクリア

  this.jgdata =[ ];