uniapp中onShow比onLoad先渲染数据

最新推荐文章于 2024-06-06 20:20:04 发布
最新推荐文章于 2024-06-06 20:20:04 发布
阅读量959 收藏 2
点赞数
分类专栏： uniapp 文章标签： uni-app 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyj19960805/article/details/128023027
版权
uniapp中onShow比onLoad先渲染数据
摘要由CSDN通过智能技术生成

        最近，遇到一个问题，onLoad里面的异步函数没有调用完，也就是数据还没有返回来，onShow里面的异步函数就已经返回数据，并且渲染出来了，如果onLoad和onShow是同样的异步函数，那么就会导致数据无法及时的更新。

        开发中的场景： 开发中支付成功跳转到支付完成界面，点击支付完成界面的返回订单，跳转到全部订单界面。 此过程中支付成功状态界面非我们制作，是别的项目组的，所以无法在此界面调用获取支付状态接口，只能在全部订单界面调用。

        假设：A页面是订单页面，B页面是别人的支付完成界面，A页面中的

        onLoad函数调用getPayState()支付状态函数和getData()获取订单列表数据函数

        onShow中都有getData()获取订单列表数据函数

<
最低0.47元/天 解锁文章
yyj19960805
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序onload()和onshow()的使用
高等游民の博客
04-03 7361
微信小程序onload()和onshow()的使用 声明周期onLoad与onShow的区别？ onLoad页面加载时调用，可以获取参数，通过options，只调用一次。 onShow页面显示时调用(启动/页面从隐藏到启动)，可调用多次。 业务场景 一、跳转携带参数 从A页面跳转到B页面，B页面读取传递过来的参数 A页面 goChangeNickname: fun...
UniApp `onShow` 和 `onLoad` 区别以及执行顺序
我们好像在哪见过
07-01 7154
生命周期钩子函数在页面加载时触发，表示页面的初始化过程。是在页面展示时触发，用于处理页面显示相关的逻辑，可能会多次执行，包括页面首次展示和从后台切换到前台时。生命周期钩子函数在页面展示时触发，表示页面被显示到前台。在该函数中，可以处理页面显示相关的逻辑，例如刷新数据、更新UI等。函数可能会多次执行，因为页面在切换后台和前台之间多次切换时都会触发。当页面再次被切换到后台，然后再次切换到前台时，会再次触发。是在页面加载时触发，用于页面的初始化操作，只执行一次。页面初始化完成后，页面会被展示到前台，此时会触发。
uniapp中父子组件的传值
最新发布
qq_36158551的博客
06-06 483
官方文档：https://uniapp.dcloud.io/vue-components?id=props在父组件中赋值时加上 .sync，在子组件中使用 this.$emit(‘update:title’,“uni-app”)改变值.sync 修饰符当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。.sync 它会被扩展为一个自动更新父组件属性的 v-on 监听器。-- 父组件 --><template><view></view><script>
uniapp- onshow和onload
weixin_43963309的博客
08-31 7091
官网 onload: 只加载一次，监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）， onShow: 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面 例子： 页面b:通过缓存跳转到页面a B:缓存 uni.setStorageSync('newMember', this.newMember) A： 接收： onShow() { let str = uni.getStorageSync('newMember') this.list.
vue/uniapp - 返回上一页并onLoad刷新数据
weixin_55799355的博客
12-31 1685
methods:{ back() { uni.$emit('refreshData'); uni.navigateBack({ delta: 1 }) } } // 这是换回到哪个页面就使用这个方法控制刷新 onLoad() { // 正常进入该页面的获取数据 this.getData(); // 从详情页返回该页面的获取数据 uni.$on('refreshData',() => { this.getData(); }) }, methods:{ getDat
onLoad、onShow
吴冬雪的博客
03-07 1041
2.如果从一个页面携带参数跳转到另外一个页面，在另一个页面获取参数的方式：onLoad(options){ console.log(options.xxx) },这些参数都挂在在options.1.如果加载列表页，二级页面对一级的列表页面内容有修改，则以及列表函数应该在onShow中加载，否则可以选择onLoad。从二级页面返回该页面时，onLoad不会再次加载，而onshow会重新加载。onLoad页面加载时调用，可以获取参数，通过options。onShow页面显示时调用。
uniapp如何根据路由手动onload刷新某一个页面
qq_38904192的博客
03-05 4853
uniapp如何手动刷新要跳转到的页面？相信很多人百度查到的答案都是如下： uni.switchTab({ url: '/pages/user/user', success(){ let page = getCurrentPages().pop(); //跳转页面成功之后 if (!page) return; page.o...
uniapp 资源 syw
06-07
6. **生命周期**：理解组件和页面的生命周期是优化性能和处理逻辑的关键，例如onLoad、onShow、onReady、onHide、onUnload等生命周期钩子。 7. **插件市场与扩展**：uniapp拥有庞大的插件市场，开发者可以在这里...
uniapp笔记.rar
08-06
- `onLoad`和`onShow`用于页面加载和显示时的操作，`onReady`表示页面渲染完成，`onHide`和`onUnload`则对应页面隐藏和卸载。 5. **路由跳转** - uniapp使用`uni.navigateTo`、`uni.redirectTo`、`uni.switchTab`...
uniapp仿写oppo商城
12-07
8. **生命周期方法**：掌握uniapp组件和页面的生命周期方法，如onLoad、onShow、onHide等，以便在合适的时间进行数据加载、页面渲染等操作。 9. **动画与交互**：uniapp支持CSS动画和JavaScript动画，可以用来实现...
你好uniapp
02-24
4. **生命周期**：理解组件和页面的生命周期是关键，如onLoad、onShow、onReady等，它们对应着组件或页面的不同状态。 5. **样式处理**：uni-app支持CSS预处理器如Less、Sass，同时也支持 scoped 属性来限制样式的...
a882_miniprogram:机票小程序uniapp前端
03-23
5. **生命周期方法**：理解uniAPP中的生命周期方法，如onLoad()、onShow()、onHide()等，对掌握小程序何时加载、显示和隐藏至关重要，尤其在初始化数据和更新视图时。 6. **样式设计与布局**：uniAPP支持CSS3和uni....
uni-app 微信小程序的分包加载机制
m0_61073617的博客
03-03 733
微信小程序每个分包的大小是2M，总体积一共不能超过20M。当我们新建的页面越来越多的时候，主包的内存就会越来越大，所以分包加载机制是很有必要的
onShow中获取option 返回和onload中的格式一样 -- vue&&uniapp
老杨的博客
12-18 2050
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
uni中onLoad与onShow周期的区别
努力、拼搏、奋进
07-23 3001
uni中onLoad与onShow周期的区别,动态改变标题
在uniapp和微信小程序中onshow和onload的区别
m0_65069237的博客
11-09 1140
优先级：onload>onshow，onload先触发，onshow后触发。onLoad：页面加载时调用，可以获取参数，通过options，但是。简单来说就是页面显示时调用(启动/页面从隐藏到启动)，可调用多次。"onShow"生命周期函数在页面显示或从后台切换至前台时触发。它适合处理需要在页面显示时进行的操作，例如更新数据、启动定时器等。每次页面显示或从后台切换至前台时都会调用"onShow"。在uni-app框架中，是两个页面级别的生命周期函数。onLoad"适合进行页面初始化操作”
微信小程序 onLaunch onLoad onShow异步
日天的博客
10-19 6910
小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里执行用户登录，等待返回值的时候Page里的onLoad事件就已经执行了。 原代码段 app.js代码片. globalData = { userInfo: null, token:'' } onLaunch() { this.$interceptors ...
【uniapp】返回上一页并刷新
热门推荐
sayyy的专栏
12-19 1万+
前言 Hbuilder X 2.7.14.20200618 返回上一页并刷新 let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 上一页 uni.navigateBack({ success: function() { beforePage.onLoad(); // 执行上一页的onLoad方法 } }); 说明： 在uniapp 中 getCurren
uni-app 不用onShow返回上一页刷新数据
Stitch_xiao的博客
01-12 627
不用onShow返回上一页刷新数据
uniapp中的生命周期
11-25
uni-app的生命周期分为应用的生命周期、页面生命周期和组件的生命周期，其中组件生命周期就是Vue的生命周期。具体如下： 1. 应用的生命周期： - onLaunch：应用初始化时触发，全局只触发一次。 - onShow：应用启动或从后台进入前台显示时触发。 - onHide：应用从前台进入后台时触发。 - onError：应用发生脚本错误或 API 调用失败时触发。 2. 页面的生命周期： - onLoad：页面加载时触发。 - onShow：页面显示时触发。 - onReady：页面初次渲染完成时触发。 - onHide：页面隐藏时触发。 - onUnload：页面卸载时触发。 3. 组件的生命周期： - beforeCreate：组件实例刚刚被创建，组件属性计算之前。 - created：组件实例已经完全创建，组件属性已绑定，但真实 DOM 还未生成，$el 属性不存在。 - beforeMount：组件挂载前触发，即将开始渲染真实 DOM。 - mounted：组件挂载后触发，真实 DOM 已经生成，$el 属性存在。 - beforeUpdate：组件更新前触发，数据更新但 DOM 未更新。 - updated：组件更新后触发，数据更新且 DOM 也已更新。 - activated：组件被激活时触发，如 keep-alive 组件。 - deactivated：组件被停用时触发，如 keep-alive 组件。 - beforeDestroy：组件销毁前触发。 - destroyed：组件销毁后触发。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值