项目开发中的bug

问题一

直接通过下表修改数据的值，视图不更新，使用this.$forceUpdate也不行

让select框数据更新，

通过$set 

 问题二

使用ES6的foreach如何终止循环，使用try，catch,中间使用throw new Error抛出错误，catch里写你想要做的操作就行

 const obj = {};
      try {
        this.filterOverDepList.forEach(item => {
          obj[item.id] ? obj[item.id]++ : (obj[item.id] = 1);
          if (!depInfo.includes(item.id)) {
            throw new Error("岗位信息出错");
          }
          if (obj[item.id] > 1) {
            throw new Error("请不要重复选择岗位");
          }
          if (item.child.length === 0) {
            throw new Error("未选择岗位下的用户");
          }
        });
      } catch (e) {
        switch (e.message) {
          case "岗位信息出错":
            that.$message.error("岗位信息出错");
            throw e; //代替break
          case "请不要重复选择岗位":
            that.$message.error("请不要重复选择岗位");
            throw e;
          case "未选择岗位下的用户":
            that.$message.error("未选择岗位下的用户");
            throw e;
        }
      }

问题三

接口给的树结构数据，如何进行数据渲染，使用递归把树结构层级数据扁平化处理，变成数组

接口数据

 

 treeToArr(data) {
      const result = [];
      data.forEach(item => {
        const loop = data => {
          result.push({
            id: data.id,
            name: data.name,
            userVOList: data.userVOList
          });
          let child = data.parentPosition;
          if (child) {
            loop(child);
          }
        };
        loop(item);
      });
      return result;
    },

转换后的数据

 效果