uniapp请求数据成功页面未渲染问题

最新推荐文章于 2024-08-14 11:24:34 发布
最新推荐文章于 2024-08-14 11:24:34 发布
阅读量7.3k 收藏 6
点赞数 2
分类专栏： 笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/freeshu/article/details/106944153
版权

uniapp 的request请求到数据，但是页面没渲染上，pc端能渲染，app确不能渲染出来问题。
思路：一般向后台请求数据会把存在缓存里的数据取出来放data里传给后台，此时要先请求缓存数据再请求后台数据，而uni.request是异步获取，如果先写的getstorage也是异步获取就会导致两个异步而request没有data数据传后台，此时只要getstorageSync同步先获缓存数据就行，（可以setstorage异步存数据，异步、同步都可以取数据）
或者onShow里面取缓存，onReady里面uni.request
在这里插入图片描述
在这里插入图片描述

freeshu
关注
专栏目录
解决uniapp发送请求获取到数据却渲染不到页面的问题（有关this指向问题）
weixin_53578451的博客
05-18 6029
最近用uniapp做一个阅读器的项目，在和后端对接接口时，发现发送请求获取到了数据，但是怎么也渲染不到页面，后来经过一番分析后，发现在success那里this的指向有问题。 onLoad(option) { console.log(option.keywords) uni.request({ url:‘http://localhost:3000/api/search?keywords=’ + option.keywords, method:‘get’, success(res) { this.bookDe
uniapp数据更新了但是页面没有渲染-解决方案
weixin_30745553的博客
09-10 8100
如题，H5调试页面没问题，但是在app运行的时候，数据已经更新了（可以打印出来新数据），但是页面没有渲染新数据出来。 后来清空整个页面代码，再一块块代码加上来测试，才发现原来的computed里面调用的一个公共函数有一个变量有错误： clock.vue中的computed： 其中调用了一个getDateTips方法，这个方法是定义在main.js里面的公共函数。 函数体...
uni-app 页面数据无法渲染原因总结
weixin_34161032的博客
06-21 1万+
1.后台接口没问题，绑定数据的时候也可以打印。页面无发渲染数据。 　　原因：之前有一个接口报错，未处理，刚开始以为页面能够正常显示，上级页面报错暂时不用处理。结果影响到了现在的下级页面。将哪个问题处理后，页面就能够正常的渲染了。 转载于:https://www.cnblogs.com/hinux/p/11063716.html...
uniapp onload里调接口，接口还未加载完成页面就已经渲染了
最新发布
soryetong
08-14 497
一次接口和页面的优化之路，最后才想起来是接口没有分页，一次传输的数据量较大导致的数据未渲染。后续还需要进行深度分页的优化
uniapp 数据更新组件不渲染
xunliy的博客
09-04 310
给不更新组件增加显示条件，修改数据时隐藏，然后使用this.$nextTick控制显示。
解决uniapp中数据请求到但是未渲染
zyl19950717的博客
07-06 4501
解决常见的uniapp中请求数据无法渲染的问题
uni-app使用uni.$emit()和uni.$on()传值后列表页面不渲染
飞蛾逐月
04-23 624
更新数组要用.splice(索引, 数量, 元素)
uniapp请求数据渲染页面
05-17
在Uniapp中，可以使用Vue的数据绑定和组件化开发来实现数据请求和页面渲染。一般来说，可以使用uni.request()方法来发送请求，然后在请求成功后将数据保存到Vue的data中，最后在页面中使用数据绑定进行渲染。 以下...
uniapp 进入页面数据未及时渲染
03-31
可能的原因： 1. 数据没有及时更新，导致页面未及时渲染。 2. 数据请求失败，导致页面没有数据渲染。 3. 数据渲染的时机不正确，导致页面未...同时，可以使用uniapp提供的watcher监听数据变化，及时更新页面渲染。
解决uniapp发送请求获取到数据在渲染却渲染不到页面的问题
06-02
1. 检查请求是否成功：在请求数据之后，可以在控制台或者浏览器的开发者工具中查看请求的状态和返回的数据。如果请求失败了，可以查看控制台中的错误信息来确定失败的原因。 2. 检查数据是否正确：如果请求成功了，...
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
10-15
// 这里请求数据并赋值，但在首次渲染时，matterAll为空 } ``` 在模板中，你可能有类似这样的使用： ```html <div>{{ matterAll[0].accessItemName }} ``` 由于`matterAll`在首次渲染时还是空数组，尝试访问`...
uni-app 使用uni.$emit()和uni.$on()传值后 页面数据不渲染的问题
学习路上的小刘
12-27 1591
uni-app 使用uni.$emit()和uni.$on()传值后 页面数据不渲染的问题
uniapp请求到数据却渲染不到页面
m0_71202576的博客
10-21 1626
uniapp请求到数据却渲染不到页面
uniapp map 请求接口之后数据不渲染问题
空晓天
12-02 2789
uniapp map 请求接口之后数据不渲染问题 我先说我遇到的问题： 我使用uiniapp 的 map 组件，组件所有绑定数据都有一个初始化，之后在 mounted 中请求服务器数据，不过在 map 组件里面没有渲染请求到的数据，使用 setTimeout 也不行 我个人的解决办法：最后在 map 组件上加一个 v-if 进行控制显示，默认值为 false ，我们请求到数据之后再将值改为 true，这样地图就渲染数据了 ......
uniapp使用页面通讯$on $emit跳转页面 页面拿到值 但页面不刷新
琉璃仙的博客
11-24 3180
问题出现原因 很简单的需求 我要往下一个跳转的页面传参并且这个参数多 所以我不想在地址栏里面传 然后就在官方找到了它，神奇的事情出现了 值传了页面收到了 然后赋上值了 好！不刷新(不显示且页面没有改变) 解决方法: 1.设置延迟(有效简单好用) setTimeout(()=>{ uni.$emit('事件名',{msg:'设置延迟'}) }, 500) 2.设置参数在本地缓存main.js里面但是我tm不可能全放进去啊(有效但不推荐) 3.嵌套使用(有效 感觉这样更好但是我使用
使用uni.$emit()以及uni.$on()进行页面传参以数据无法渲染的问题
weixin_45865350的博客
02-10 688
使用uni.$emit()以及uni.$on()进行页面传参以数据无法渲染的问题
uniapp 数据更新却没有渲染页面怎么办
qq_41605928的博客
01-12 703
uniapp强制刷新子组件。
解决uniapp页面路由传递大量数据,造成数据截断或者显示不全的问题
m0_65315526的博客
03-21 1284
解决uniapp页面路由传递大量数据,造成数据截断或者显示不全的问题
uniapp 页面渲染完成
热门推荐
sayyy的专栏
08-04 1万+
前言 Hbuilder X 2.7.14.20200618 （不清楚uniapp的版本，用工具版本代替） onReady函数 onReady是 uni-app 页面生命周期函数之一，其作用为： 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发 重点：页面初次渲染完成。 this.$nextTick函数 nextTick函数是vue提供的，其作用为： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 重点1： 修改数据之后立即
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值