element-ui cascader的使用

简单记录一些今天踩得坑，只是自己遇到的问题

在初次使用的cascader这个组件的时候，碰到的是后台穿的字段名称和要求的不一样（这个时候也是自己没有好好读api）然后自己用递归回调的方法，往里面插入value,和label字段

getTreeData(data) {
      // 循环遍历json数据
      if (!data || !data.length) return
      for (var i = 0; i < data.length; i++) {
        data[i].label = data[i].label_name
        data[i].value = data[i].id
        if (data[i].children && data[i].children.length < 1) {
          // children若为空数组，则将children设为undefined
          data[i].children = undefined
        } else {
          // children若不为空数组，则继续 递归调用 本方法
          this.getTreeData(data[i].children)
        }
      }
      return data
    },

后面自己再次读取api的时候发现props中的api

经常用到的也就是红框内的，字段名替换。
上面写的递归回调还是很有用的，嘻嘻。
本文链接：嘿嘿
多支持一下博主呗
个人博客：点击