el-cascader 的使用

如圖：

 

一：數據展示

 

 

 在data中定義

 

 其中，options是從后台返回的數據

 

 代碼（方法）：

  getTreeData(data) {
      // 循環遍歷json數據
      for (var i = 0; i < data.length; i++) {
        if (data[i].children.length < 1) {
          // children若為空數組，則將children設為undefined
          data[i].children = undefined
        } else {
          // children若不為空數組，則繼續 遞歸調用 本方法
          this.getTreeData(data[i].children)
        }
      }
      return data
    },

數據回顯的時候

注意（1.數據回顯的格式為數組，沒有雙引號，例如【123,331,123】，2.要清除緩存）

取消按鈕的時候，清除緩存

 

 

 this.$refs.cascaderTwo.$refs.panel.clearCheckedNodes(); 
 this.$refs.cascaderTwo.$refs.panel.activePath = [];

 

　例如