Error in render: “TypeError: Cannot read properties of null (reading ‘businessOutDate‘)“

已于 2022-09-30 15:39:00 修改
阅读量2k 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2021-12-14 17:50:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fgndsg/article/details/121933337
版权

 

记录一下解决vue中遇到的这个坑。。。   

首先是父组件传递给子组件数据，子组件接收数据并展示，页面可以正常展示，但是总是会报这个错误，看了网上一些大佬的解决办法，都试过了，然鹅，并不行。。。

首先分析造成这个错误的原因，在子组件显示初始数据的时候还没有值，所以此时会报错，数据加载完成并且展示到页面，此时将之前的数据覆盖了，但是报的错误还是会存在，所以这就是为什么报错了也不影响数据展示。试过v-if先去判断，并且我给每条数据都做了判断还是不行。继续分析，我传的值是一个对象，但是我给对象里面的属性进行了判断，其实报错是因为并没有取到这个值，所以，应该去判断是否存在这个对象，就可以解决了。。。。

来份煎饼不加果子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
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，这会导致一些问题，例如搜索引擎无法抓取您的页面内容或在性能低下的设备上显示第一屏缓慢。 该项目想...
Error in render: “TypeError: Cannot read properties of null (reading ‘0‘)“ 报错解决方案
Rice_w的博客
04-30 3万+
近期在写项目的时候遇到一个很有趣的问题，当我准备获取一个数组中的子数组到页面时，提示我报错Error in render: “TypeError: Cannot read properties of null (reading ‘0’)”，渲染的时候不能读取，这是怎么回事呢，赶紧搜索一下，发现问题了 这是我原来报错的代码 <view class="apply-name"> <text>{{ item.applicant }}</text>
报错 - Error in render: “TypeError: Cannot read properties of null (reading ‘distributeFlag‘)“
sunshime的博客
05-17 6024
  今天在修复同事的测试bug的时候遇到 Error in render: "TypeError: Cannot read properties of null (reading 'distributeFlag')" 这样的报错，这种报错的大概意思就是浏览器读取 distributeFlag 这个字段的时候读取不到。 一、报错 二、报错原因及解决方法   报错原因是因为浏览器（网页） 无法读取到isdistributeFlag 这个字段，或者是无法解析这个字段，把它当作了null。   然后查看代码我们会
vue错误代码：Error in render: “TypeError: Cannot read properties of null (reading ‘xxx‘)“
xjbieke的博客
07-12 5312
vue错误收集
[Vue warn]: Error in render: “TypeError: Cannot read properties of null (reading ‘length‘)“报错问题解决
7c
07-01 9732
因为不能识别数据为 null，异步数据先显示初始数据，再显示传输的数据。将初始数据 null 值替换为 ‘ ’代替 或者用 v-if 对数据进行判断。
[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of null (reading ‘XXX‘)
weixin_46649870的博客
11-02 1万+
问题描述 删掉html标签里的this. ！！！！！
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 ...
minecraft-blocks-render:2D精灵到等距图标
05-05
[重要]如何使用 :cooking: :dog:安装npm i -g minecraft-blocks-renderoryarn global add minecraft-blocks-render用法要渲染块，您需要获取精灵。 因此，我们可以从任何.jar文件中获取它，从启动器安装后，您可以在...
redux-render:使用渲染功能进行React的人体工程学Redux绑定
04-27
Redux渲染 使用渲染道具ReactRedux的绑定。 const Title = ( ) => ( < Redux xss=removed xss=removed> state .... { title => ( < h1> { title } <...# npm install --save redux-render 例子 受控输入（， ）
[Vue warn]: Error in render: “TypeError: Cannot read properties of null (reading ‘length‘)
qq_45830289的博客
08-09 1152
这是我遇到这个报错的解决方法，希望对你也有所启发！ 读题：就是**资源找不到，或者为null**，接下来就是找哪里出错了！
Error in render: “TypeError: Cannot read properties of null (reading ‘protocol‘)“
前端笔记——放弃很容易,但坚持一定很酷
01-23 418
当然更多的时候，前端的数据是通过接口获取的，为了防止后台接口的数据有null或者undefined的情况，可以在赋值时通过 || {}这种方式赋默认值，也可以通过watch 对 infoObj 监听，判断 protocol 的值，赋值给一个 新的data数据： flag。再通过flag去控制元素显示与隐藏，也是可以的。在实际项目开发中，有时会在vue模版中的html标签上，使用 v-if 条件判断节点是否展示。在子组件上，通过infoObj的protocol这个key的值判断元素dom是否应该展示。
vue项目 Error in render: “TypeError: Cannot read property ‘0‘ of null“问题的解决方法
IT博客技术分享
08-06 2917
分析原因： 出现该种情况的根本原因： 由于vue中存在异步调用，所以在vue的渲染机制中，异步数据先显示初始数据，再显示从后台带回的数据，所以当vue首先执行的时候，menuList里面根本就没有数据，所以前台才会报出 Error in render: "TypeError: Cannot read property ‘0’ of null"的错误，那么解决方法很简单，就是在加载该模块时添加一个判断语句，如果“menuList”为空的时候，就不进行该模块的渲染，更改后代码如下 解决办法： ...
修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
热门推荐
m0_51056513的博客
07-07 3万+
修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
vue报错 Error in event handler for “change“: “TypeError: Cannot read properties of null (reading ‘0‘)“
最新发布
来都来了
01-31 690
methodsgettimerangeDate//定义开始结束时间this0;this1;</
Error in render: “TypeError: Cannot read properties of null (reading ‘length‘)“
yolo3712的博客
11-18 1万+
Error in render: "TypeError: Cannot read properties of null (reading 'length')" 今天写项目的时候，想获取data里面一个数据的长度，无法获取，会报错 产生这个错误的原因可能是，定义的值是null类型，然而null类型是没有.length属性的。 这里可以把类型改为' ', 改为 然后再获取就不会报错啦！ 一点拙见，希望对你们有帮助！ ...
typeerror: Cannot read properties of null (reading ‘emitsOptions‘)报错原因及解决方法
stay hungry, stay foolish
10-23 1万+
可能导致的原因以及解决方法：1. 在父组件中子组件名称没有正确引入：检查组件名称和子组件是否正确定义props以及emit的使用2. 在一个空值上去访问属性：可以使用可选链操作符（？）去检查对象是否为空3. v-if指令的判断条件为null，导致无法找到对应的属性：使用v-show代替v-if，因为v-show不会造成DOM的变化 4. v-for指令在数据循环渲染时初始化数据为undefined：判断该值存在才渲染
Vue踩坑之Error in render: “TypeError: Cannot read properties of undefined (reading ‘url‘)“ found in
weixin_42677904的博客
11-19 2万+
Vue踩坑之Error in render: “TypeError: Cannot read properties of undefined (reading ‘url’)” found in 今天写项目时发现项目报错，原因是Vue项目中使用v-if判断。一般来说都不会有什么问题的，但是当你判断的变量是多重对象属性时就会出现问题。比如下面的代码： <div v-if="obj.file.url"></div> <script> export default { dat
Vue报错：Error in render: “TypeError: Cannot read properties of null (reading ‘name‘)“
jolinoy的博客
09-12 2319
报错：Error in render: "TypeError: Cannot read properties of null (reading 'name')"
Error in render: "TypeError: Cannot read properties of null (reading 'some')"
08-21
Error in render: "TypeError: Cannot read properties of null (reading 'some')"这个错误是Vue.js中常见的错误之一。它表示在渲染过程中，尝试读取一个空值(null)的属性('some')而导致的类型错误(TypeError)。具体的报错信息可能会有所不同，但都是类似的问题。 这个错误通常发生在Vue组件渲染过程中，可能是由于数据未正确初始化或者传递的数据为空值所导致的。解决这个问题的方法一般有以下几种： 1. 首先，检查代码中涉及到的相关数据是否被正确地初始化和传递。确保所需要的数据不为null或undefined。 2. 如果报错信息中指定了具体的属性，可以在代码中找到对应的地方，检查该属性的值是否为null。可以使用条件语句或者默认值来处理可能为空的属性。 3. 如果数据是通过网络请求获取的，可以检查网络请求的过程中是否出现了错误，导致数据获取失败。可以使用开发者工具查看网络请求的响应结果，确保数据正常返回。 4. 可以使用Vue的生命周期钩子函数来确保数据在渲染过程中正确地加载和更新。在created或mounted钩子函数中进行数据的初始化和处理。 5. 如果以上方法都没有解决问题，可以尝试使用Vue的错误处理机制来捕获和处理这个错误。可以使用Vue的全局错误处理函数或者组件级别的错误处理函数来捕获和处理渲染过程中的错误。 综上所述，当出现Error in render: "TypeError: Cannot read properties of null (reading 'some')"的错误时，我们需要检查数据初始化和传递的过程，确保数据不为空值，并在渲染过程中正确地加载和处理数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue 报错Error in render: “TypeError: Cannot read properties of null (reading ‘xxx’)” found in](https://blog.csdn.net/qq_37926315/article/details/125635713)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [报错 - Error in render: “TypeError: Cannot read properties of null (reading ‘distributeFlag‘)](https://blog.csdn.net/LiaoFengJi/article/details/124816572)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值