在使用element-UI构建后台管理功能中,对于选择器状态需要进行动态的禁用,最简单的方式就是使用递归函数进行数据操作.

    1. let ArrayItem = [
    2.   {
    3.     name:"1",
    4.     value:"1",
    5.     children:[
    6.       {
    7.         name:"2",
    8.         value:"2",
    9.         children:[
    10.           {
    11.             name:"3",
    12.             value:"3"
    13.           }
    14.         ]
    15.       }
    16.     ]
    17.   },{
    18.     name:"4",
    19.     value:"4",
    20.     children:[{
    21.       name:"5",
    22.       value:"5",
    23.       children:[{
    24.         name:"6",
    25.         value:"6"
    26.       }]
    27.     }]
    28.   }
    29. ];
    30. function parseJson(arr,n) {
    31.     for(let item in arr){
    32.       if(arr[item].children&&Array.isArray(arr[item].children)){
    33.         parseJson(arr[item])
    34.       }
    35.       if(arr[item].value===n){
    36.         arr[item].disable=true;
    37.       }
    38.     }
    39.     return arr;
    40. }
    41. console.log(parseJson(ArrayItem,"6"))