vue+elementUi级联选择器的相关问题解决

级联选择器的数据为空时，会展示个空白面板
解决方案如下：

// 将空children置为undefined，解决级联选择器的数据为空问题
    getTreeData(data){
      for(let i=0; i<data.length; i++){
        if(data[i].children.length < 1){
          //若childrenList为空，将childrenList置为undefined
          data[i].children = undefined
        } else{
          //若childrenList不为空，递归
          this.getTreeData(data[i].children)
        }
      }
      return data
    },

级联选择器值传递给后端最后一级的值
在

<el-cascader v-model="addressRuleForm.areaCode" 
          :options="rangeList"
          :props="props"
          :show-all-levels="false"
          @change="handleChange"
          ref="areaCode"
          size="medium"
          clearable >```
props: {
  label: 'name',
   children: 'children',
   value: 'code',
   checkStrictly: true,//父子不关联，即可以选择任意一级数据
   multiple: false,
   emitPath:false，//只展示及传递最后一级的数据
 },