Vue项目开发中报“TypeError: Cannot read property 'yyy' of null

2024年06月06日 建站教程

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

解决方法:

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

let obj = {};
console.log(obj.name);
// undefined

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

let obj = null;
if (obj && obj.name) {
  console.log(obj.name);
} else {
  console.log('obj or obj.name does not exist');
}

3、使用Vue的条件渲染

<template>
  <div>
    <div v-if="user">
      {{ user.name }}
    </div>
    <div v-else>
      User data does not exist.
    </div>
  </div>
</template>

本文链接:http://so.lmcjl.com/news/6066/

展开阅读全文
相关内容