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

 

　例如