element级联面板多选 v-model不生效

element级联面板多选 v-model不生效

后台传来的数据最后一层的children发现值是[],正常应该是null，这样的话多选v-model是选不上数据的。
后台传来的数据格式如下：

 menuListData: [
        {
          id: 1,
          name: '数据资产',
          children: [
            {
              id: 9,
              menuName: '任务管理',
              children: []
            },
          ]
        }
      ]

我们需要的数据应该是这样的：

 menuListData: [
        {
          id: 1,
          name: '数据资产',
          children: [
            {
              id: 9,
              menuName: '任务管理',
              children: null // 这里应该为null
            },
          ]
        }
      ]

附上递归处理的方法 Vue

    // 得到的树状结构chilren若为[],置为空
    getMenusList(data) {
      data.map(item => {
        if (Array.isArray(item.children)) {
          item.children.length === 0
            ? (item.children = null)
            : this.getMenusList(item.children)
        }
      })
      return data
    }