页面组件渲染的数据是api获取的，组件渲染时获取不到数据，导致页面报错而页面可以正常显示问题

最新推荐文章于 2024-02-27 13:58:06 发布
最新推荐文章于 2024-02-27 13:58:06 发布
阅读量621 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hahah1234111111/article/details/109101858
版权

报错信息：Error in render: "TypeError: Cannot read property 'lzXxjcrhRate' of undefined" found in

 

解决方案：1.给渲染数据的组件v-if=“数据源”。可以通过渲染和销毁来控制

缺点：如果有频繁的数据交互（定时更新数）可能会导致页面卡死。

2.通过三元表达式，来控制传递给组件的数据

 {{}allData[activeDate] ? allData[activeDate].totalOutputValue: null }}或

<pie-chart :chart-data=" allData[activeDate]? allData[activeDate].totalOutputList : null " />

一般是组件传值的从报错

hahah1234111111
关注
Vue - 详细实现先调用接口，然后再渲染数据，让页面 DOM 元素模板等待接口请求数据完毕后再进行渲染页面（先加载完所有数据再渲染页面）
王佳斌
01-13 1万+
效果图 文章末尾有代码示例及思路。 前言 如果你的数据是本地（data 直接定义），那么并不会发生任何问题，因为它们是同步的。 <template> <ul v-for="(item, index) in getData()" :key="index"> <li>{{ item.name }}</li> </ul> </template> getData() { api data ... } 由于模板（templat
拿到后端数据第一次页面渲染不上？
小卡拉米的博客
10-24 100
页面刚渲染一次，在中途发起第一次请求拿到数据后，页面拿不到数据。可以在该组件上添加v-if判断一下，再次渲染时就可以拿到了。
vue中组件在不同页面中渲染出错
weixin_45007988的博客
09-13 168
vue中组件在不同页面中渲染出错封装了一个组件 封装了一个组件 遇到问题了，特向各位大佬请教 比如我封装了一个 child 组件 我在father 页面中引入 可以正常使用 而且css 样式不会出现错误 但是在 mother 组件中引入 child 组件之后 功能可以正常使用，但是 css样式却出现问题了。 不知道我这个提问 是否表述清楚，在线等，挺急的！！！！！！ ...
vue项目中，数据还没获取到，页面已经渲染，导致页面没有数据
最新发布
编程小白的博客
02-27 1114
vue项目中，数据还没获取到，页面已经渲染，导致页面没有数据
读取res.data.data数据后，vue却不渲染不显示，同时也不报错
qq_43054210的博客
12-15 4321
在练习vue的时候使用axios从后台获取数据返回前端后，想将数据渲染上去的，我原先的想法是获取对应选项，进入详情页，将其数据进行渲染，但是，vue不显示数据，也不报错，代码如下 <template> <div class="about"> <h1>{{id ? '编辑':'新建'}}博客</h1> <!-- native表示原生表单,prevent表示不要跳转 --> <el-form
解决动态绑定echarts的data数据，页面无法进行渲染展示的问题
anglra的博客
07-30 3212
一般在我们使用echarts去绘制图标的时候，里面的data值一般都是去进行动态绑定的，比如在vue中去发送axios或者ajax请求，在请求成功的回调函数中对echarts的data数据进行动态绑定，但是有时会出现页面无法渲染的情况。以下提供了解决方案。
两个异步方法同时执行+解决没有获取值而先渲染的问题
qq_43468165的博客
05-08 653
今天实现的是根据文章id来调取两个接口的数据，这里面就有异步问题，因为获取数据的请求都属于异步方法，异步方法对程序的影响就是，我可以先执行但是我在执行的过程中也允许别人执行，所以按照正常的同步写法会产生一些接不到值，或者接到的值太晚了而报错的问题。 解决方法： async 和 await async await基础讲解 onLoad: function(options) { this.articleid=options.id this.yibuGetList(); uni.showLoad
vue数据改变渲染问题_解决Vue中页面成功渲染数据undefined的问题
weixin_39701288的博客
01-14 1992
前言这个标题不太好取。本文需要下面的知识：https://zhuanlan.zhihu.com/p/260811233​zhuanlan.zhihu.com问题描述我最近的一个功能需求是通过axios获取我存储在COS中的json文件，同时渲染到页面上。而问题就是，axios可以成功获取数据，组件也可以成功渲染，但是控制台会报错[Vue warn]: Error in render: "TypeE...
koa 接口返回数据_node,koa_koa获取第三方API数据后，进行前端页面重定向和渲染时，报错：重复发送请求头。，node,koa,javascript - phpStudy...
weixin_39939668的博客
12-21 544
koa获取第三方API数据后，进行前端页面重定向和渲染时，报错：重复发送请求头。问题描述：表单数据提交到KOA后台，KOA后台请求第三方API数据，根据返回不同的数据，对页面进行重定向或者其他render操作。现在没有用request中间件，用的node原生http.request()请求API数据，但是不论是cxt.redirect()还是cxt.render()都会报Error: Can't ...
定义了一个地图组件，同一个页面引用多次时只显示了其中一个组件有数据，其他组件数据未渲染出来，怎么回事？？
李小二的博客
04-03 3086
问题背景：我使用的是腾讯地图；根据需要封装了一个如下的地图组件qqMap 图1：定义一个div元素，id固定为container 图2：初始化这个id=container的元素，作为地图 图三：我又定义了一个组件叫electronicTable,在这个组件里，我引入了上边定义的qqMap组件 图四：在touristQuery组件里我分别引入了 electronicTable(ele...
vue一个页面发出多个异步请求_浅谈vue异步数据影响页面渲染
weixin_42513038的博客
12-30 2237
浅谈vue异步数据影响页面渲染今天遇到一个问题，要保证页面渲染前请求的数据已经得到了由于user是在异步请求之后保存在session中，而在页面渲染时session中还没有user，页面直接报错。因此我希望能在所有请求都得到后再去做页面的渲染。1.先把id为app的div用v-if="appShow",定义appShow为false进行隐藏，避免渲染2.写计数器，每1ms进行一次查询，如果sess...
踩坑记录：Vue中拿到接口如何把Api里的数据渲染到页面中
m0_56665734的博客
07-27 1960
首先第一步我们需要把数据接口写在methods中，上图上图 然后到咱们的template部分 我们需要给渲染的列表盒子中给上一个v-for循环渲染 可能这里有人问这个bbs是什么意思呢，这里不需要管bbs 是什么 我们只要知道v-for中咱们经常使用item和index来作为代表这个只不过是我想写成bbs而已 到此为止咯 希望能帮到你们！ ...
vue开发中，数据还没获取，页面已经渲染，导致页面没有数据
热门推荐
weixin_48677331的博客
12-28 2万+
在使用vue的时候，经常会遇到这种问题：异步请求，或者是通过组件传值获取数据时，部分页面会在数据获取之前就渲染，导致数据加载不出来。 如何解决？ 使用 v-if 根据需求,可以在vue生命周期beforeCreate，created的时候就调用接口获取数据，在成功拿到数据之后的回调函数里面，控制页面显示，可以最大程度上避免页面跳动的问题。由于渲染和请求是异步的，我们可以等到数据请求回来之后，再把页面放出来。 上代码 <h4 v-if="isShow">{{ data }}</h4>
react中使用useEffect模拟componentDidUpdata(使 useEffect 在渲染时不执行，只在数据变更时执行)
天心天地生的博客
01-31 1146
在列表搜索条件变化时,需要保存搜索条件,但是保存搜索条件这个方法不需要在组件挂载时执行,即如何使 useEffect 在渲染时不执行，只在数据变更时执行(即模拟类组件的componentDidUpdata)
记录一次积木报表API数据集无法正常展示数据问题的排查全过程
jcj_gyjf的博客
08-06 6368
传参正常，接口数据返回正常。但积木报表无法正常展示数据。本地调试发现内部fastjson解析某个东西报错：com.alibaba.fastjson.JSONException: exepct '[', but EOF, pos 0, line 1, column 1
Java 解决 Jsoup 因为未加载完毕获取不到页面数据
zuichu_2001的博客
09-23 2945
使用 Jsoup 爬取页面数据页面也因为加载获取不到 我采用了Selenium 自动化测试 + Jsoup 结合 //根据谷歌浏览器版本下载 chromedriver.exe 下载地址 http://npm.taobao.org/mirrors/chromedriver System.setProperty(“webdriver.chrome.driver”, “F:\Python39\chromedriver.exe”); //创建一个WebDriver WebDriver driver = new C
VUE 三层组件嵌套异步传输没有获取到数据
m0_45041148的博客
07-14 1483
在前一段时间开发的时候，有一个项目因为页面重新性比较多，所以抽调了不少组件，然后在组件嵌套组件的情况下，出现了孙级组件没有获取到encode值的情况 背景： 组件异步传输的问题，TheLanding是父组件，friend是子组件，shareAll是孙组件，shareAll组件会用到encode值，这个encode值是存储在TheLanding中的，会有一个问题就是传输的时候其实encode还没有值，所以就是出现一个时机的问题，采用了三种种方法 存入session，还是会出现encode为空的情况，时好时坏
解决Android Studio无法访问SDK附加组件列表问题
"显示当前位置-android studio报错unable to access android sdk add-on list解决方案" 这篇文档的标题和描述似乎与提供的文件内容不匹配。标题提到的是一个Android Studio的错误，而文件内容则是关于...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值