Error in render: "TypeError: Cannot read property 'XXXXX' of undefined"

最新推荐文章于 2023-08-25 14:33:21 发布
最新推荐文章于 2023-08-25 14:33:21 发布
阅读量4.7w 收藏 12
点赞数 6
分类专栏： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l_z_w99/article/details/82665946
版权

        最近，小弟在使用vue开发界面时，出现一个有趣问题：功能正常使用，但F12却报出一个XXX Undefined的错误。这个错误已经见了无数次，于是果断去Ctrl+F搜索XXX,仔细浏览一圈后发现xxx明明是定义了的。整体流程：界面渲染前先通过mounted加载数据，然后绑定数据进行界面渲染。没毛病啊！难道是mounted偷懒了，果断换成created。但是还是有这个问题，为什么呢，在看一遍

嗯？难道是staff.staffCerd.certType没获取到值？去查询方法里alert（）一下。哎？有值啊！在看一遍，难道是staff.staffCerd.certType层数太多了？，改一下，改为一层

在查询方法里 手动赋值

 我一运行，呀还真的不报错了，为什么呢，先记下解决过程，后续追寻原理

l_z_w99
关注
  • 6
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）
高级前端工程师
05-20 4941
uni-app，TypeError: Cannot read property call of undefined，报错，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，微信小程序分包报错，uniApp小程序平台分包失败怎么办，uniapp运行编译报错解决方案，UniApp移动端网页控制台报错，详细解决办法，清缓存重新编译，热重载，开启压缩代码还是不行怎么办，刷新或者重启一下又好了，过一会又开始报错，vue，分包，小程序分包，支付宝小程序分包
TypeError: Cannot read property 'compilation' of undefined
soldier_csdn
11-13 1162
报错： soldier@soldier-RESCUER-R720-15IKBN:~/SOLDIER/IDE_project/webStorm_project/innovate-admin-vue$ npm run build > innovate-admin-vue@1.0.0 build /home/soldier/SOLDIER/IDE_project/webStorm_project...
XXXXXXXXXXXXXXXXXXXXX
热门推荐
小菜鸟的博客
12-31 55万+
public class FTPUtil {  public static Log logger = LogFactory.getLog(FTPUtil.class);  private static String userName; // FTP ��¼�û���  private static String password; // FTP ��¼����  private stati
XXXXX
skylovelovewhz的专栏
01-13 14万+
package com.chinacreator.accesscontrol.utils;import java.math.BigDecimal;import com.chinacreator.dao2.DAO;/** * ID自动生成器 * * @author li.zhu * @version 1.0 */public class IdGenerator { /**  * 私有
A. XXXXX
无知的我
06-21 16万+
time limit per test 1 second memory limit per test 256 megabytes input standard input output standard output Ehab loves number theory, but for some reason he hates the numberxx. Given an arrayaa, find the length of its longest subarray such that ..
The server time zone value 'XXXXXXXXX' is unrecognized or represents more tha
NUEST_LOVE的博客
12-18 4万+
报错信息： Caused by: java.sql.SQLException: The server time zone value 'XXXXXXXXX' is unrecognized or represents more than one time zone. 原因：在使用mysql的jdbc驱动最新版（6.0+）时，网友说是遇到数据库和系统时区差异引起的问题，总之问题出在最新版的驱动的...
xxxxxxxxxxxx
u011008486的专栏
11-27 18万+
[img]http://dl2.iteye.com/upload/attachment/0113/3701/bd1cf165-637f-3aba-9a27-1eeb7ae7517c.jpg[/img] [img]http://dl2.iteye.com/upload/attachment/0113/3760/df06ca6c-1f03-31c6-bc24-5b44105aa86b.p...
vue出现Error in render: “TypeError: Cannot read properties of undefined (reading ‘id‘)“的原因
Matutinal的博客
10-16 1万+
学习Vue框架的时候，遇到这个报错： 案例：记事本 (1.0版本) 1. 模型： 2. 初始版本 学习Vue组件化的时候，有一个知识点是状态提升，当兄弟组件之间要进行通信的时候，有要操作的相关的数据的时候，将这些数据提升到共同的父容器中，以便进行操作。 当在 TodoInput 组件里面新增数据的时候，需要如图所示，经过App.vue这个父容器才能成功传递数据： ![在这里插入图片描述](https://img-blog.csdnimg.cn/d9eebd1a3a2449189124500da2c4
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
koa-chrome-render：用于koa的chrome-render中间件
02-03
koa-chrome-render 用于koa的中间件。 现代网络应用程序使用诸如react.js vue.js之类的技术在浏览器中呈现html，这会导致一些问题，例如搜索引擎无法抓取您的页面内容或在性能低下的设备上显示第一屏缓慢。 该项目想...
minecraft-blocks-render:2D精灵到等距图标
05-05
[重要]如何使用 :cooking: :dog:安装npm i -g minecraft-blocks-renderoryarn global add minecraft-blocks-render用法要渲染块，您需要获取精灵。 因此，我们可以从任何.jar文件中获取它，从启动器安装后，您可以在...
react-native-dynamic-render:J从Json对象渲染
05-02
yarn add react-native-dynamic-render 或者 npm i react-native-dynamic-render 用法 import DynamicComponent from "react-native-dynamic-render" ; import { Text , View } from "react-native" ; export ...
render:模板渲染实用程序
05-21
它还允许通过使用render.set设置globals ，该对象在每次调用时都会合并。 安装 与一起安装： $ component install cristiandouce/render 或者... $ npm install cristiandouce-render 例子 var render = ...
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
u014483623的专栏
04-02 2万+
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Verifying 000xxxxx ( 0%) Verify failed between address 0xxxxxx and 0xxxxxx Leaving target processor
Studying……
09-24 3万+
1. 首先要根据address后面的两个地址判断出错的到底是什么器件。一般情况出现错误的大多是存储器。     判断的方法是根据sopc中的地址，或者是system.h中的地址，查找相应出错的器件。 2. 检查硬件焊接是否正常。     很多时候有些问题是硬件焊接造成的，这个主要针对的是自己焊接的板子，一旦地址数据总线有任何焊接问题，都会出现verify failed错误。 3.
Invalid bound statement(not found):xxxx.xxxx.xxxxx.xxxx
仲夏先森的博客
06-12 12万+
使用Mybatis的xml开发Controller不能找到Service方法错误 一开始图省事，想写一个测试代码报错很明显，说controller找不到service的方法，其实跟他们没有关系。 改正一下结构 ...
cxxxxx和xxxxx.h的区别
Saiyyc的博客
03-14 10万+
在C语言中，xxxxx.h 头文件是主要的,例如stdio.h,string.h,math.h。而在后来的C++语言中，C++是C的超集，且C++中，已不推荐再用C的类库，但为了对已有代码的保护，还是对原来的头文件支持。   cxxxx是c++从C的xxxxx.h继承来的，在前面加C同时不要h后缀，在C++环境当然是选用前者，两者内容都一样，只是cxxxx头文件中定义的名字被定义在命名空间std
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
lusic01的专栏
11-02 9万+
岗位职责：     -负责高性能在线服务系统的研发     -在线存储、更新及检索，高并发环境下的数据实时计算，不断提升核心业务系统的性能、容量；     -广告引擎或搜索的开发和优化，支持亿级用户的广告动态实时计算和匹配；     -业务开发，提升各种指标下的广告或搜索效果。 招聘要求：      -精通Linux/Unix平台上的C/
xxxxxxxxxxxxxxxx
最新发布
qq_39025786的博客
08-25 6496
BaseECharts class 实例化图表。
Error in render: "TypeError: Cannot read property 'slice' of undefined"
08-23
"Error in render: "TypeError: Cannot read property 'slice' of undefined""这个错误通常发生在Vue.js的渲染过程中。根据你提供的引用内容，这个错误可能是由于在计算属性中使用了未定义或null的数组对象导致的。 引用中提到了一个类似的错误："Vue.js路由报错: TypeError: Cannot read property '_c' of undefined"。这个错误也是由于使用了未定义的属性导致的。 在你提供的代码中，计算属性`operateName()`使用了`this.treeNode.code.slice(0, 4)`这个表达式来进行字符串切片。然而，如果`this.treeNode.code`是未定义或null的，就会导致报错。 解决这个问题的方法是确保在使用`slice()`方法之前，`this.treeNode.code`已经被正确地定义和赋值。可以通过检查数据接口是否成功请求到了数据来确认数据是否存在。 另外，还可以对`this.treeNode.code`进行额外的检查，以防止出现未定义或null的情况。例如，可以使用`if (this.treeNode.code && this.treeNode.code.slice(0, 4) === '1111')`来确保在执行`slice()`方法之前，`this.treeNode.code`是有效的。 总结来说，要解决这个错误，需要确保计算属性中使用的数据对象已经正确定义和赋值，并进行必要的数据检查，以避免出现未定义或null的情况。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-](https://download.csdn.net/download/weixin_35829279/86254477)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue报错：Error in render: “TypeError: Cannot read properties of undefined (reading ‘slice‘)](https://blog.csdn.net/m19150617725/article/details/124366870)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *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={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值