问题一
直接通过下表修改数据的值,视图不更新,使用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;
},
转换后的数据
效果