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 } }) }