Vue（踩坑）vue.esm.js?efeb:628 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined" found in

1、项目报错如下

2、原因：

异步显示的数据先显示vuex中的初始数据，再显示请求的数据，一开始在vuex中state中的初始数据为空，报错是因为在显示初始数据的时候报错

3、解决：避免在没有数据的时候显示解析（有数据才解析）

有数据的时候div才存在，用v-if控制一下

5、总结：表达式有一层表达式(a)，二层表达式(a.b)，三层表达式(a.b.c)，

当表达式三层的时候就有问题：比如a开始为空，a.b:的结果为undefined, a.b.c你再取的时候就会报错了

Vue（踩坑）vue.esm.js?efeb:628 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined" found in

原文地址：https://www.cnblogs.com/xxm980617/p/10849941.html

时间： 2024-10-13 00:48:49

Vue（踩坑）vue.esm.js?efeb:628 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined" found in的相关文章

vue2.XX 提示[Vue warn]: Error in render: "TypeError: Cannot read property 'img' of undefined"

item 是向后台请求的一条数据,里面包含img,但是却提示img未定义父组件向子组件传递数据时, 子组件具体代码: <img :src="item.img" /> 提示: 出现的原因: 可能是页面渲染和请求数据是异步操作, 数据还未请求结束,页面已经开始渲染了,所以刚开始报未定义变量, 等数据获取结束后,再次渲染,页面内容出来了,但是刚开始的警告也出来了解决办法: 1. <img :src="item && item.imgUrl&q

vue路由使用问题：Error in render TypeError Cannot read property 'matched' of undefined

记一个使用vue-router时的低级错误. 使用vue-router时,打开网页出现如下错误: 一开始我以为是vue-router没有安装好,重装后发现问题仍然存在.仔细检查过后发现问题出在main.js中的Vue对象中没有引用router: 在此总结一下使用vue-router的步骤首先安装好vue-router后中,配置router文件夹下的index.js时分如下三步: import Vue from 'vue' import VueRouter from 'vue-router' /

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null" 看到ta,总是能让人勾起心中的躁动,呼吸变得急促,嘴唇有些干涩,眼神瞬间专注,思想更是达到了忘我的境界,因为老板说,今天bug不改完就不能去吃晚饭哇! 看到这样的报错是最让人一头雾水的,渲染出错,要定位到是什么标签引起的,标签为什么引发这样的报错,错误代码定位可以用排除法,把错误的代码注释掉,如果不报错了,那就是注释的代码出了问

vue 报错解决：TypeError: Cannot read property '_t' of undefined"

前端报错如下: [Vue warn]: Error in render: "TypeError: Cannot read property '_t' of undefined" 是在项目中用了多语言配置,vue 跟 i18n之间的兼容问题.解决方法如下: Vue.use(iView) 替换成 Vue.use(iView, { i18n: function(path, options) { let value = i18n.t(path, options) if (value !== n

VUE.JS 使用axios数据请求时数据绑定时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

正常情况下在data里面都有做了定义在函数里面进行赋值这时候你运行时会发现,数据可以请求到,但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是: 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定.可以看下 Stackoverflow 的解释: 解决办法: 1.用ES6箭头函数,箭头方法可以和父方法共享变量 2.在请求axios外面定义一下 var that=this 问题

[Vue warn]: Error in render: "SyntaxError: Unexpected token ' in JSON at position 1"

一,场景: 字符串转对象: var str = "{'bankRate':5,'YINGUO':0}" 二,操作: JSON.parse(str)时候,报错 [Vue warn]: Error in render: "SyntaxError: Unexpected token ' in JSON at position 1" 三,原因: 使用parse这个方法,要求很严格,必须是json的k和value都用双引号包起来: ex:"{"bankRa

【转载】vue提示Uncaught TypeError: Cannot read property 'push' of undefined

原文地址:https://segmentfault.com/q/1010000007383512?share_user=1030000013014061 附vue入门:https://www.cnblogs.com/Leo_wl/p/5632703.html [转载]vue提示Uncaught TypeError: Cannot read property 'push' of undefined 原文地址:https://www.cnblogs.com/stefango/p/9060997.ht

Vue ERROR TypeError: Cannot read property 'upgrade' of undefined

跑vue项目的时候报错,最后终于解决,链接地址如下: https://segmentfault.com/a/1190000019532841: 截图如下(*.env中要定义变量,注释掉也会报错): Vue ERROR TypeError: Cannot read property 'upgrade' of undefined 原文地址:https://www.cnblogs.com/sherlock-Ace/p/11320224.html

VUE - 使用axios数据请求时数据绑定时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

created() { var that=this axios.get('http://jsonplaceholder.typicode.com/todos') .then(function (res) { // handle success // console.log(res); that.todos = res.data }) .catch(function (error) { // handle error console.log(error); }) .finally(function