vue错误:Error in render: “TypeError: Cannot read property ‘XXX‘ of undefined“

最新推荐文章于 2023-01-17 16:35:42 发布
最新推荐文章于 2023-01-17 16:35:42 发布
阅读量2k 收藏
点赞数
分类专栏： 错误私房菜 文章标签： vue.js java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jackson__Yi/article/details/113738391
版权
在使用Vue进行开发时遇到了'TypeError: Cannot read property 'lastIndexOf' of undefined'的错误。通过逐步检查数据绑定、请求参数及后端查询结果，发现数据别名与前端引用不匹配。修复这个问题后，成功获取到预期的createDate属性。这个案例强调了解决问题时应保持冷静，根据错误信息逐步定位问题。
摘要由CSDN通过智能技术生成

在练习中, 使用vue框架,报错:
Error in render: “TypeError: Cannot read property ‘lastIndexOf’ of undefined”,
在这里插入图片描述
在网上查询了很多方法, 大致的意思是双向绑定的数据,为找到对应的值,
在代码中去排查问题:
1、使用alert(data.result.rows.createDate);
查看无对应的值信息
在这里插入图片描述

查看请求方法的参数信息：
在这里插入图片描述
没有找到：createDate参数
2、根据前端的返回结果， 去查看dao层查询的数据是否正确:
在这里插入图片描述
发现:数据查询的别名和前端使用的名称不一致:
修改为:
tq.create_date as createDate,
重启服务:
在这里插入图片描述
请求方法的参数中,显示了createDate,获取查询结果.
总结:遇到问题,不要慌, 根据报错的信息去排查, 使用输出语句根据结果来反向推测

Jackson__Yi
关注
专栏目录
正确解决Error in render function:”Type Error: Cannot read property ‘xxx’ of undefined”异常的有效解决方法
wbajsjhhhhh的博客
05-03 3252
正确解决Error in render function:”Type Error: Cannot read property ‘xxx’ of undefined”异常的有效解决方法
Error in render: “TypeError: Cannot read property ‘xxxxx‘ of undefined“
stm870581942的博客
02-22 718
Error in render: “TypeError: Cannot read property ‘coverImgUrl’ of undefined” 翻译为：呈现时出错：“TypeError:无法读取未定义的属性”coverImgUrl“ 页面显示正常，但是报错了，我怀疑是页面先渲染了但没有找到数据，之后数据加载完成，再调用数据，那么只要先不渲染，等数据加载完成后渲染就可以了：在父级添加v-if，当值存在时加载。 <div class="top-right" v-if="this.$store.
[Vue warn]: Error in render: “TypeError: Cannot read property ‘status_text‘ of undefined“
weixin_45848862的博客
11-16 581
开发时遇到这种错误，不能读取一个未被定义的量的属性，筛选多个属性，找到该定义的变量，打印也能看到该值，页面也正常显示。使用v-if控制dom的显示，待数据加载完成后显示dom。
VUE中报错：Error in render: TypeError: Cannot read property licenseTime(或者其他属性) of undefined解决办法
ErShiYi_的博客
04-18 1074
vue界面显示Error in render: "TypeError: Cannot read property ‘licenseTime’ of undefined"等问题，虽然不影响界面显示，但是打开控制台一大片红实在不美观. vue中使用{{}}文本插值方式，通过级联显示内容。在级联展示时，如果三层级联，只能解析在data中定义也就是vue实例上的对象子一层的东西，对于孙一层的东西就被解析成不在vue实例上的。也就是报错的此属性不在vue实例上。 后端内容返回之前，控制台会Cannot read p
Vue ui 创建项目出现 TypeError: Cannot read property ‘indexOf‘ of undefined
qq_40836168的博客
04-06 1212
npm cache clean --force npm install -g @vue/cli@3.12.1 解决
vue.js中报错： TypeError: Cannot read property 'indexOf' of undefined
热门推荐
感恩、奋进、自信
07-25 10万+
[Vue warn]: Error when evaluating expression "name.indexOf('jack') >= 0": TypeError: Cannot read property 'indexOf' of undefined ypeError: Cannot read property 'indexOf' of undefined，从这句话中indexOf
Vue 报错Error in render “TypeError Cannot read properties of null (reading ‘xxx’)” found in
m0_67401920的博客
03-09 2207
前端vue报错 [Vue warn]: Error in render: “TypeError: Cannot read properties of null (reading ‘name’)” found in reading 'Type’返回值接收时出Type错误往下翻 这个错误是不能加载属性为null的类型 我用了一个笨办法，把页面上的参数null值都ctrl+f标注出来然后都修改成0（例：id：0），然后我发现当前页面的错误并没有改变， 最后我定位到了错误不在当前也买你，在我调用的子组件里面，我调
Error in render: "TypeError: Cannot read properties of undefined (reading 'split')"
08-26
根引用中的错误信息，"Error in render: "TypeError: Cannot read properties of undefined (reading 'split')""，这个错误是由于在渲染过程中尝试读取一个undefined的属性('split')导致的。根据引用中的分析，这种...
Error in render: "TypeError: Cannot read properties of undefined (reading 'matched')"
08-17
根据引用和的信息，"Error in render: TypeError: Cannot read properties of undefined (reading 'matched')"错误发生在Vue.js的路由中。这个错误通常是由于未定义的属性引起的。根据引用的信息，具体错误表明无法...
Error in render: TypeError: Cannot read properties of undefined (reading 0 )
最新发布
08-26
- *3* [修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)](https://blog.csdn.net/m0_51056513/article/details/125662850)[target="_blank" data-report-click={...
TypeError: Cannot read property ‘indexOf‘ of undefined at VueComponent.resetFields报错解决
weixin_44707050的博客
08-13 3524
当点击清空表单按钮时，会有这个报错，是因为这个form表单中含有未找到的值； 比如：当active=1时，el-form-item的prop绑定username;当active=2，prop绑定gender; 当active=1时，这个form表单中有username和gender,gender只是不在页面上展示，清空表单时，会清空form表单中所有的值，找不到gender字段所以报的错； 解决： 将element自带的resetFields替换成form表单中每一项为初始值即可； 比如： r
Hexo: TypeError: Cannot set property 'lastIndex' of undefined
果汁分你一半
11-06 2519
使用Hexo部署的过程中报出以下错误。FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html TypeError: Cannot set property 'lastIndex' of undefined at highlight (/Use
vue ui创建项目报错：Cannot read property ‘indexOf‘ of undefined解决方法
每一次跌倒都是为了华丽的站起来。
02-07 1万+
报错： Cannot read property ‘indexOf‘ of undefined 报错翻译：无法读取未定义的属性“indexOf” 报错原因分析： vue/cli 的版本问题或版本过低 解决： 删除之前版本的 vue/cli npm uninstall vue-cli -g 重新安装 vue/cli npm install -g @vue/cli 注意：选择安装包的时候不要选择默认，选择指定包，我之前没选择，进行如上步骤后，第一次点击创建后没有反应，第二次点击创建后，仍会报一.
lastIndexOf用法
兔子零
09-02 4155
function getStr(obj) { var index = obj.lastIndexOf("\-"); obj=obj.substring(index+1,obj.length); return obj; } var str = "执法办案流程-立案审批" getStr(str)
vue3问题：vue-3d-model引入报错
tiancaizhb1的博客
01-17 496
执行pnpm install vue-3d-model@2.0.0-alpha.4。pnpm install vue-3d-model后自动下载版本1.4.1。将vue-3d-model升级到2.0.0后可以使用。
vue加载3D模型报错的原因以及解决方案
workhard0905的博客
11-10 3386
今天在vue中加载3D模型一直报错
JS Uncaught TypeError: Cannot read property ‘indexOf‘ of null问题解决
旭东怪的博客
10-21 1万+
问题描述： Uncaught TypeError: Cannot read property 'indexOf' of null 问题分析： 使用indexOf()的变量为null。 问题解决： 1、使用indexOf()之前，先判断使用indexOf()的变量是否为null。 var str=null; if(str!=null&&str.indexOf("1")>-1){ alert("包含1"); } 2、检查使用indexOf()的变量为什么会为null
[解决]“TypeError: Cannot read property ‘xxx‘ of undefined“
m0_64838460的博客
11-18 1万+
错误解决。
[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined"
08-25
- *2* *3* [[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined" found in](https://blog.csdn.net/dianwan5205/article/details/102082506)[target="_blank" data-report-click=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值