1.el-cascader回显问题

当我们用el-casccder组件时,v-model绑定的值是一个数组,当后端接口只保留数组的最后一个值时,当我们保存后点击编辑时,回显数据时,一个值无法回显

2.解决方案

后端返回el-casccder组件绑定的最后一个值,我们的el-casccder中的options列表是有的,根据options列表我们依次找到父级的节点,组成一个数据,就可以回显成功了

// 获取某一项的所有父节点的label值 list为树形结构的数据 id为回显节点的标识
      getParentsById(list, id) {
        for (let i in list) {
          if (list[i].id == id) {//这里的list[i].id中的id根据你的需求可进行改变
            //查询到就返回该数组对象的value
            return [list[i].id];
          }
          if (list[i].children) {
            let node = this.getParentsById(list[i].children, id);
            if (node !== undefined) {
              //查询到把父节把父节点加到数组前面
              node.unshift(list[i].id);
              return node;
            }
          }
        }
      },

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐