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();
    }
  };