[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不改完就不能去吃晚饭哇!

  看到这样的报错是最让人一头雾水的,渲染出错,要定位到是什么标签引起的,标签为什么引发这样的报错,错误代码定位可以用排除法,把错误的代码注释掉,如果不报错了,那就是注释的代码出了问题。

  一般来说,应该是想要的变量没有给到需要的值,导致变量没有值的情况有很多种,比如初始值没有缺个参数,又比如复杂对象里面有个数组属性没有,数据的不确定性就会导致这样的渲染出错。

  最后给那些不确定的数据绑定的标签加上v-if,如果没有值就不让渲染,省得还渲染出错。

  

  

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

原文地址:https://www.cnblogs.com/yang-shun/p/11759193.html

时间: 2024-10-07 19:29:05

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"的相关文章

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(踩坑)vue.esm.js?efeb:628 [Vue warn]: Error in render: &quot;TypeError: Cannot read property &#39;0&#39; of undefined&quot; 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.e

[Vue warn]: Error in render: &quot;SyntaxError: Unexpected token &#39; in JSON at position 1&quot;

一,场景: 字符串转对象: 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路由使用问题:Error in render TypeError Cannot read property &#39;matched&#39; 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 报错解决:TypeError: Cannot read property &#39;_t&#39; of undefined&quot;

前端报错如下: [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

设置marbles . step 4 error error: Caught exception: TypeError: Cannot read property &#39;getConnectivityState&#39; of undefined

参考链接:https://github.com/IBM-Blockchain/marbles/issues/220 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px "Meslo LG M for Powerline"; color: #f4f4f4; background-color: rgba(0, 0, 0, 0.85) } span.s1 { color: #c33720 } span.s2 { } span.s3 { c

vue报错 Uncaught TypeError: Cannot read property ‘children ’ of null

Uncaught TypeError: Cannot read property 'children ' of null ratings未渲染完毕,就跳走goods了,取消默认跳转,即可

easyui Datagrid查询报错Uncaught TypeError:Cannot read property &#39;length&#39; of undefined

1.问题描述 easyui中datagrid执行loadData方法出现如下异常:Cannot read property 'length' of undefined 2.一开始怀疑是js或者页面的问题,然后从早上干到下午,网上各种方法用尽了就是不行! 最后发现规律了: 使用mybatis从数据库查询返回的List不报错,但是自己new的ArrayList总是报错! 后来发现原来mybatis返回的不是ArrayList!而是PageList! 3.解决问题 PageList中有个参数Pagin

Uncaught TypeError: Cannot set property &#39;innerHTML&#39; of null

学习Chrome插件时,要在弹出页面中显示当前时间,结果怎样也显示不出来 看了 http://www.cnblogs.com/mfryf/p/3701801.html 这篇文章后感悟颇深 通过调试发现在js中的一段代码没有执行到,报以下错误 Uncaught TypeError: Cannot set property 'innerHTML' of null  然后查询该错误原因,结果是因为js引用放在了页面的头部,在修改 innerHTML 属性时找不到该属性,因为需要修改一个html标签中的