TypeError:Cannot read property ‘get’ ofundefined_typeerror unsupported operand

全栈程序员-用户IM • 2022年8月22日上午7:36 • 未分类

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

这句话直译过来就是：TypeError：无法读取未定义的属性“ xxx”

首先去看看属性 ‘xxx’ 有没有定义。没定义的根据实际需求在data中或者方法中定义一下。

1、如果在data中定义了，先看看你的data写对了没，我有一次手误打成了 date ，检查了一下午才看出来o(╥﹏╥)o

2、如果这个数据“xxx”是从后台异步获取的，那就最好在data中先给他个默认值
比如，

data() { 
   
   return { 
   
      obj1: '',
      obj2: null.
      obj3: { 
   },
      obj4: []
   }
}
mounted(){ 
   
    // 获取后台数据给obj们赋值等等各种异步操作
}

或者当“xxx”是一个嵌套两层的结构 obj.name

data() { 
   
   return { 
   
      obj: { 
   
      	name: '',
      	age: null,
      }
   }
}

但是，当“xxx”是一个嵌套了多层的结构 obj.name.firstName，或者结构很复杂，那就不建议使用这种“占位”的方法。可以在模板中用 v-if 命令判断该值是否存在
比如：

//bad
<template>
  <div>{ 
   { 
    obj.name.firstName}}</div>
  <div>{ 
   { 
    obj.age}}</div>
</template>

// good
<template>
  <div v-if="foo.name && foo.title.firstName">{ 
   { 
    age.name.firstName}}</div>
  <div v-if="foo.age">{ 
   { 
    age.age}}</div>
</template>