ElementUIはカスケードセレクタを実装します

<エルカスケーダー
        :disabled="無効"
        :props="デフォルトパラメータ"
        :options="オプション"
        v-model="選択されたオプション"
        :すべてのレベルを表示="false"
        フィルター可能
        :クリア可能="true"
      </el-cascader>

データ（） {
   オプション: [],
      選択されたオプション: [],
      デフォルトパラメータ: {
        ラベル: "名前",
        値: "コード",
        子供: 「子供」、
      },
},
作成された() {
 listArea(330000).then((レスポンス) => {
       console.log(応答);
       this.options = this.getTreeData(応答);
       this.loading = false;
     });
},
メソッド: {
 // 空の配列を再帰的に削除する getTreeData(data) {
      // jsonデータをループする for (var i = 0; i < data.length; i++) {
        データ[i].children.length < 1の場合{
          // children が空の配列の場合、children を undefined に設定します
          データ[i].children = 未定義;
        } それ以外 {
          // children が空の配列でない場合は、このメソッドを再帰的に呼び出し続けます。this.getTreeData(data[i].children);
        }
      }
      データを返します。
    }
}