【vue】遍历树形数据，删除其空children项

方法来自：前端青音

编写联级选择器的时候发现，
如果树中有空children也是显示空选项，
所以需要去掉有空children项中的children：

data

let arr2=[{
          label: '一级 1',
          children: [{
            label: '二级 1-1',
            children: []
          }]
        }, {
          label: '一级 2',
          children: [{
            label: '二级 2-1',
            children: [{
              label: '三级 2-1-1'
            }]
          }, {
            label: '二级 2-2',
            children: [{
              label: '三级 2-2-1'
            }]
          }]
        }, {
          label: '一级 3',
          children: []
        }]

JS

deleteChildren(arr) {
   let childs = arr
    for (let i = childs.length; i--; i > 0) {
        if (childs[i].children) {
            if (childs[i].children.length) {
                this.deleteChildren(childs[i].children)
            } else {
                delete childs[i].children
            }
        }
    }
    return arr
},

调用

let arrNew = deleteChildren(arr2)