vue：Cannot read property ‘xxx’ of undefined 出现原因_大佬，咋整啊的博客

相关文章推荐

一直单身的饭盒 · DataGridView绑定DataTabl ...· 8 月前 ·

还单身的松球 · Failed to retrieve ...· 9 月前 ·

暗恋学妹的柑橘 · ubuntu如何运行可执行程序-掘金· 1 年前 ·

打酱油的木瓜 · 利用python-docx批量处理Word文 ...· 1 年前 ·

坚强的伤痕 · PHP生成唯一ID的三种方法 - ...· 1 年前 ·

computed : { com_List : function ( ) { for ( var i = 0 ; i < this . List . length ; i ++ ) { if ( this . List [ i ] . id = this . id ) { return ( this . List [ i ] ) < / script >

------------------------------------------------- 2020/10/25更新 ------------------------------------------------------

再一次遇到这个问题，对这个原因也有了更深刻的理解

我在 created 里初始化了数据，接着我把数据通过 computed 计算后返回，在页面通过插值表达式使用

通过打印我发现 computed 执行了两次，第一次是 undefined ，第二次才被赋值，所以可以知道 computed 是在 created 之前执行

第一次执行 computed 初始化的时候， created 还未执行，所以 sayObj 是空值，计算结果返回 undefined
接着 created 执行并给 sayObj 赋值，所以 computed 又执行了一次，这次计算属性才返回正确的值

<p v-if="diaryInfo!= undefined">{{diaryInfo.date}}</p>
  data () {
    return {
      sayObj: [],
  created () {
    this.axios.get('./redeme.json').then((res) => {
      this.sayObj = res.data.data
  computed: {
    diaryInfo: function () {
      console.log(this.sayObj[0],i++)
      return this.sayObj[0]
解决方法1：
 
判断值是否存在，若不存在则不渲染 
<div v-if="com_List">
	<span>{{com_List.title}}</span>
</div>
解决方法2：
 
先将值初始化为空，这样就不会报未定义（undefined）的错误 
data(){
    return {
        List: {
            title: {}
                    关于vue 报错 Cannot read property ‘xxx’ of undefined在使用vue开发时，有时会看到控制台警告：“TypeError: Cannot read property ‘title’ of undefined”，但HTML又是正常的，作为一个强迫症肯定不能忍啊！原因：vue通过键名获取对象中的值，使用 . 级联显示数据，控制台报如下错误：代码如下：&...
运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错
由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v-
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
点开错误的文件，标注错误的地方是这样的一段代码：
import {normalTime} from './timeFormat';
module.exports={
　　normalTime
就是module.exports
vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法
info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段
<div class="shop-header-discounts" @click="toggleSupportSho...
怎样解决这个bug
大多数情况下是’xxxx’的调用者为null或者为undefined报出来的错。
首先你可以使用console.log()将这个对象在浏览器的控制台打印出来，如果打印不出来的话，就是它没有接收到这个数据；
此时需要在插件中加入v-if条件判断，传过来的参数为tagName16，如果传过来的数是null则给他一个值，如果后端传值的时候这个ta
属于个人的小笔记，如果能帮助到大家那更好。
就是今天在渲染echarts环形图的时候，总是报一个找不到对象的问题。
在网上找了好多资料，什么在mounted里执行渲染echarts的方法，在回调函数this.$nextTick()里渲染方法，延时。。。都不好用。
我的解决方法
后来在调用接口成功以后再执行渲染echarts的方法就好了。个人理解是，数
为了重现报错，上述第二段删掉了v-if判断，因为后台接口返回的数组对象中只有一项（我以为是固定的三项，有时候接口返回会不规范），funnelData[1].count中的count就会未定义。添加上判断就不会有问题了。如下代码解析：
未初始化，就是没...
					Vue报错解决[Vue warn]: Error in render: “TypeError: Cannot read property ‘state‘ of undefined“
# serve with hot reload at localhost:8080
npm run serve
# build for production with minification
npm run build