Vue.js 中报错 'Cannot read properties of undefined (reading 'status')' 的原因和解决方法

在 Vue.js 代码中，'Cannot read properties of undefined (reading 'status')' 错误通常是因为试图访问一个未定义的属性 status。这可能是因为 checked[i] 未定义，或者 checked[i] 没有 status 属性。

以下几种情况可能会导致此错误：

1. checked[i] 未定义： 确保在使用 checked[i] 之前，它已经定义并初始化。可以通过以下方式进行检查：

   if (checked[i]) {
     checked[i].status = null;
   } else {
     console.error('checked[i] is undefined');
   }
   

2. checked[i] 没有 status 属性： 确保 checked[i] 对象包含 status 属性。如果需要添加该属性，可以使用以下代码：

   checked[i].status = null;
   

代码示例：

const checkYear = ref({});
const symptoms = reactive({});
const symptom = await defHttp.get({ url: '/checkItemDetail/checkItemDetail/getSymptom' });
Object.assign(symptoms, symptom);

for (let i in symptoms) {
  // 确保 checked[i] 已定义并包含 status 属性
  if (checked[i] && checked[i].hasOwnProperty('status')) {
    checked[i].name = symptoms[i].name;
    checked[i].status = null;
  } else {
    console.error('checked[i] is undefined or does not have a status property');
  }
}

总结：

为了避免 'Cannot read properties of undefined (reading 'status')' 错误，请确保在访问对象属性之前，对象本身已经定义并且包含该属性。