uni-app中的onLoad不执行

最新推荐文章于 2024-01-29 09:37:00 发布
最新推荐文章于 2024-01-29 09:37:00 发布
阅读量1.1k 收藏
点赞数
分类专栏： uniApp 文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44130891/article/details/134645761
版权

问题

想在onLoad()中发请求获取数据，却发现onLoad()根本不会执行

原因

这个页面没有在pages.json中配置，不属于uni-app中的页面

uni-app的文档也做出了说明，组件是无法使用页面级的onLoad等生命周期的

解决方法

uni-app除支持页面生命周期还支持 Vue 组件生命周期，所以可以在mounted（vue2）或onMounted（vue3）中执行相应的操作

睡美人的小仙女127
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仅img元素创建后不添加到文档中会执行onload事件的解决方法
09-05
仅img元素创建后不添加到文档中会执行onload事件的解决方法，需要的朋友可以参考下。
iframe中onload的bug
07-26
NULL 博文链接：https://snandy.iteye.com/blog/666530
uniapp 组件内onLoad里调用的方法不执行
qwyio的博客
05-19 2042
问题背景： 考虑到代码的复用性，对部分代码进行了封装，在组件内去初始化接口数据，却迟迟没有接口响应，经过最终的排查，发现问题出现在uniapp的生命周期上。 uniapp官方文档上明确写出：uni-app 组件支持的生命周期，与vue标准组件的生命周期相同。组件里没有页面级的onLoad等生命周期 uni-app的组件中可以直接使用Vue的生命周期函数进行处理 解决方案： 使用vue的生命周期函数 mounted mounted(){ } ...
uniapp中onLoad不执行的解决办法
热门推荐
wwppp987的博客
05-21 2万+
现象 uniapp中onLoad不执行或者不起作用。 原因 onLoad是页面函数，不是组件函数，所以在页面当中引用components的时候onLoad函数不执行，因为没有钩子。 例子： 不起作用 index.vue： create.vue 但是单独访问create.vue可以发现onLoad执行了。 解决办法 使用vue自带生命周期函数，如： created(){ } 或 mounted(){ } ...
详解小程序如何改变onLoad的执行时机
10-16
主要介绍了详解小程序如何改变onLoad的执行时机，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uniapp的onload()和onshow（）的区别
qq_44980680的博客
12-30 8164
2.如果从一个页面携带参数跳转到另外一个页面，在另一个页面获取参数的方式： onLoad(options){ console.log(options.xxx) },这些参数都挂在在options.1.如果加载列表页，二级页面对一级的列表页面内容有修改，则以及列表函数应该在onShow中加载，否则可以选择onLoad。只加载一次，监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）从二级页面返回该页面时，onLoad不会再次加载，而onshow会重新加载。
uniapp onLoad 注意事项
weixin_43457011的博客
12-14 1万+
onLoad()页面加载执行,因为函数是从上到下执行的,所以调用方法和获取页面传递过来的值时,顺序要注意一下 <script> export default { data() { return { id:0, detail:{} } }, methods: { async getNewsDetail(){ console.log('yyyy'+this.id); const res = await this.$myRuquest({
uni-app基础入门
每天都要努力学习哦~~
01-11 3380
uni-app介绍 uni-app是一个vue.js开发所有前端应用的框架,开发者编写一套代码,可以发布到IOS ,Android.H5以及各种小程序(微信/支付宝/百度/头条/qq/钉钉)等多个平台,即使不跨断,uni-app,同时也是更好的小程序开发框架 ...
UniApp `onShow` 和 `onLoad` 区别以及执行顺序
我们好像在哪见过
07-01 6089
生命周期钩子函数在页面加载时触发，表示页面的初始化过程。是在页面展示时触发，用于处理页面显示相关的逻辑，可能会多次执行，包括页面首次展示和从后台切换到前台时。生命周期钩子函数在页面展示时触发，表示页面被显示到前台。在该函数中，可以处理页面显示相关的逻辑，例如刷新数据、更新UI等。函数可能会多次执行，因为页面在切换后台和前台之间多次切换时都会触发。当页面再次被切换到后台，然后再次切换到前台时，会再次触发。是在页面加载时触发，用于页面的初始化操作，只执行一次。页面初始化完成后，页面会被展示到前台，此时会触发。
深入理解 uni-app 页面生命周期（一）：onLoad vs onShow
最新发布
tutututu12345678的博客
01-29 1895
通过对onLoad和onShow的对比，我们可以更好地理解它们各自的作用。onLoad适用于在页面初次加载时获取参数，而onShow则更适用于监控页面的显示状态，并在页面每次显示时执行相应的操作。在实际开发中，根据业务需求合理使用这两个生命周期函数，能够更有效地管理页面的生命周期。
js之onload事件的一点使用心得
10-27
window.load和[removed]的意思并不只是页面加载完就执行，那要看你怎么用了，下面做了示例为大家介绍下，感兴趣的朋友可以参考下
uni-app定时器实例
11-08
uni-app定时器实例，希望大家多多支持我。我的博客：https://blog.csdn.net/k571039838k
微信小程序之onLaunch与onload异步问题详解
10-17
主要介绍了微信小程序之onLaunch与onload异步问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
littlepjs-document-onload-dc-web-120919
02-28
在文档加载时加载JavaScript 学习目标 了解DOMContentLoaded为什么如此重要 在DOMContentLoaded上设置一个事件 介绍 使用JavaScript的重要部分是确保您的代码在正确的时间运行。 有时您可能不得不添加一些额外的代码，以确保您的代码在页面准备就绪之前不会运行。 确定“正确时间”的因素很多，但是有两个事件在页面加载方面代表了两个特别重要的里程碑： 从基础html完全解析页面的DOM时，将触发DOMContentLoaded事件 资源及其所有从属资源（包括CSS和JavaScript）完成加载后，将触发load事件 在本课程中，我们将重点介绍DOMContentLoaded 。 为什么DOMContentLoaded很重要？ DOMContentLoaded事件是浏览器的内置方法，用于指示何时将页面的html加载到DOM中。 无法操纵尚未呈现HTM
vant-ui框架的一个bug(解决切换后onload不触发)
01-22
前几天做的项目里有用到下拉刷新。使用了vant-ui里的 List 列表 瀑布流滚动加载，用于控制长列表的展示 先说使用 1.用npm下载该模块包 npm i vant -S 2.引入组件 官方提供了三种方法。...// .babelrc 中配置 //
uni-app中的onLoad为什么有时候不执行
wwwwj的博客
09-09 1279
在一个页面的子组件的onLoad()中发请求获取数据，却发现onLoad()根本不会执行。原因：这个子组件不属于uni-app中的页面（在pages.json中配置的页面），uni-app的文档也做出了说明，组件是无法使用页面级的onLoad等生命周期的。uni-app除支持页面生命周期还支持 Vue 组件生命周期，所以可以在mounted（vue2）或onMounted（vue3）中执行相应的操作。
uni-app的页面的生命周期：onLoad、onShow、onReady
树上骑个猴的博客
01-21 1万+
onLoad:页面加载了，在onLoad中发送请求是比较合适的，即页面一加载就发送请求获取数据。 onShow:页面显示了，会触发多次，只要页面隐藏，然后再显示出来都会触发。这里会重复触发，如果你重复发送请求不合适。 onReady:页面初次渲染完成了，但是渲染完成了，你才发送请求获取数据，就太慢了。 综上分析，uni-app首页获取轮播图的请求应该在onLoad中进行。 ...
uniapp 组件 onLoad 不执行解决方法
程序猿的秃头之路
03-03 3829
直接把onLoad换成mounted
uniapp 在onLoad获取本页data及从本地缓存中同步获取数据
m0_71372639的博客
08-23 7700
uniapp 在onLoad获取本页data及从本地缓存中同步获取数据
uni-app的onload和onshow
06-28
### 回答1： uni-app中的onload和onshow分别代表什么意思？ onload表示当页面加载完成后会调用该函数，通常用来进行页面初始化。 onshow表示每次页面显示时都会被调用，通常用来进行页面数据更新或者监测用户行为等操作。 ### 回答2： Uni-app是一款跨平台应用开发框架，它支持多种操作系统，如iOS、Android、微信小程序、H5等，因此对于开发者来说是非常便利的。在Uni-app中，常用的生命周期函数包括onLoad和onShow。 一、onLoad onLoad生命周期函数是在页面加载时触发的，它只会在页面初始化时执行，因此只执行一次。在这个生命周期函数中，可以完成页面初始化的一些操作，如获取路由参数等。在onLoad生命周期函数中可以使用this关键字来访问组件的数据和方法。 二、onShow onShow生命周期函数是在页面显示时触发的，每次页面显示时都会执行，因此执行次数不定。通常用于监听页面的显示状态以及处理一些业务逻辑。onShow中同样可以使用this来访问组件的数据和方法。 需要注意的是，Uni-app中onLoad和onShow生命周期函数的执行顺序与原生小程序不同。在原生小程序中，onLoad先于onShow执行，而在Uni-app中则相反，先执行onShow再执行onLoad。 综上所述，onLoad和onShow是Uni-app中比较常用的两个生命周期函数，它们都是为了提高开发效率和优化用户体验而设计的。在应用开发过程中，开发人员需要灵活使用这两个函数完成相应的业务逻辑。 ### 回答3： 在uni-app中，onload和onshow是两个常用的生命周期函数。它们的作用分别是启动页面时执行一次和每次进入页面时执行。 在onload函数中，我们可以进行页面初始化的操作。例如，可以在该函数中获取页面传递的参数，设置页面状态等。在该函数中，我们可以使用uni.getStorageSync()来获取本地缓存中存储的数据，以便在页面中使用。 而在onshow函数中，我们可以执行页面展示时需要的操作。例如，可以在该函数中请求接口数据，更新页面状态等。每次从其他页面回到该页面时都会执行该函数，并且可以在该函数中判断页面是否需要重新请求数据。 需要注意的是，在uni-app中，页面是栈式管理的，当从其他页面返回时，上一个页面不会被销毁，而是被压入栈中。因此，当进入新的页面或返回上一个页面时，onload和onshow函数都会被执行。为了避免重复请求数据，我们可以通过设置页面的状态，判断页面是否已经完成了初始化或已经请求过数据。 总之，在uni-app中，onload和onshow是两个非常重要的生命周期函数，它们分别负责页面的初始化和数据的更新。我们需要根据实际业务需求，合理使用这两个函数，以达到更好的用户体验。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值