element-ui级联选择器

Cascader 级联选择器

 <el-cascader
    v-model="ids"//点击菜单的数据
    :options="meunList"//关联的数据
    :props="defaultProps"//配置数据选项,这里可指定节点标签内属性是数据的某一项
    clearable//是否可清除
    @change="children"
  />
//checkStrictly: true
      //设置父子节点取消选中关联，从而达到选择任意一级选项的目的。

当数据里children为空数组 , 需要将其属性删除 , 禁止选项需要在数据里加上disabled=true , 考虑本次数据是对象里children里有对象 , 对象还有数组的嵌套循环 , 为完成以上两种功能 , 采用了递归,代码如下

getAll(arr){
  arr.forEach(e=>{
    if(e.children&&e.length){
      //如果数据里有children属性且children不为空,继续对children进行递归查找
      this.getAll(e.children)
    }else{
      e.disabled=true
      delete e.children
    }
  })
}