vue3 TS数据处理常见错误分析：列表变为对象的错误如何处理

注意点1：

return 语句无法跳出foreach()循环；return语句可以跳出For()循环。

注意点2：预防 [ ]变为object

后端前端之间传值如果为空的时候，数组会被变成空对象，如何解决呢？

描述：父传子 attrsList(列表)，子控件如果列表发生变化，父控件相应的参数同样也会发生变化,这是浅拷贝；如果用‘或’语句，赋值为 [],这时候props.attrsList 与 requireList就断开联系了，这时候子控件新增数据时，就不能回传给父控件。

watch(() => props.attrsList,val => {requireList.value = val || []; 
//这时候如果赋值为[], props.attrsList 与 requireList就断开联系了。console.log("传入：", requireList.value);},{ immediate: true }
);

如何解决：

1，后端解决：空列表进行初始化

   public class prjOpenMemberInfo: PM_Prj_InfoReview{public string BussinessDeptName { get; set; }public string ProductLineName { get; set; }public string EquTecTypeName { get; set; }public List<PM_Prj_MemberInfoReview> fixedMembersInfo { get; set; }public List<PM_Prj_MemberInfoReview> tempMembersInfo { get; set; }public List<assLeaderInfo> assLeaderInfo { get; set; }public prjOpenMemberInfo(){//对列表进行初始化fixedMembersInfo = new List<PM_Prj_MemberInfoReview>();tempMembersInfo = new List<PM_Prj_MemberInfoReview>();assLeaderInfo = new List<assLeaderInfo>();}}

前端解决：

reviewData.value = Data;
reviewData.value.tempMembersInfo = Data.tempMembersInfo || [];  //接收数据时直接赋值为空

const createReview = async (prjType: number,prjSn: string,strPrjSN: string,TpmJobNumber: string) => {const loading = ElLoading.service({});try {const { Code, Message, Data } = await createNewForm(prjType,prjSn,strPrjSN,TpmJobNumber);if (Code === 0) {reviewData.value = Data;reviewData.value.tempMembersInfo = Data.tempMembersInfo || []; //接收数据时直接赋值为空await dropDownList();} else throw new Error(Message);} catch (err) {errorMessage(err);} finally {newForm.value = true;loading.close();}};