Vue项目开发中报“TypeError: Cannot read property 'yyy' of null”错误怎么解决？

这个错误通常是由在我们的代码中访问空对象的属性的问题引起的。比如：1、访问一个未被初始化的对象或变量；2、对一个不存在的对象或变量进行操作；3、组件中使用异步请求等！

解决方法：

1、对未初始化的对象或变量进行初始化

复制代码let obj = {};
console.log(obj.name);
// undefined
1
2
3

2、检查对象或变量是否存在

复制代码let obj = null;
if (obj && obj.name) {
  console.log(obj.name);
} else {
  console.log('obj or obj.name does not exist');
}
1
2
3
4
5
6

3、使用Vue的条件渲染

复制代码<template>
  <div>
    <div v-if="user">
      {{ user.name }}
    </div>
    <div v-else>
      User data does not exist.
    </div>
  </div>
</template>
1
2
3
4
5
6
7
8
9
10