uni-app中onLoad不起作用

最新推荐文章于 2025-04-28 18:08:51 发布
最新推荐文章于 2025-04-28 18:08:51 发布
阅读量1.2w 收藏 5
点赞数 6
文章标签： javascript 移动开发 json ViewUI
原文链接：http://www.cnblogs.com/suihang/p/10998997.html
版权
在uni-app开发中，发现组件内的onLoad方法不起作用，文章详细解释了原因，并介绍了如何将onLoad替换为Vue的mounted方法来实现相同的功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近开始使用uni-app，坑还是很多的

今天在使用onLoad是发现，页面上的onLoad方法是可以起作用的，但是组件中的onLoad方法并没有起作用

后来经过一番尝试后还是不行，看文档发现uni-app 支持的页面生命周期函数是包含onLoad的，那为啥没用呢，

后来我发现在组件中并不能使用页面生命周期函数，所以我直接将onLoad换成mounted。

在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理

转载于:https://www.cnblogs.com/suihang/p/10998997.html

uni-app基础入门
每天都要努力学习哦~~
01-11 3592
uni-app介绍 uni-app是一个vue.js开发所有前端应用的框架,开发者编写一套代码,可以发布到IOS ,Android.H5以及各种小程序(微信/支付宝/百度/头条/qq/钉钉)等多个平台,即使不跨断,uni-app,同时也是更好的小程序开发框架 ...
uni-app-小程序自定义底部菜单样式示例
08-12
在uni-app框架中，开发微信小程序、支付宝小程序、H5等多端应用时，我们经常会遇到需要自定义底部导航菜单的需求，以实现更加个性化和一致性的用户体验。本示例将详细介绍如何利用uni-app的特性，自定义底部菜单样式...
uni-app中的onLoad为什么有时候不执行
wwwwj的博客
09-09 2973
在一个页面的子组件的onLoad()中发请求获取数据，却发现onLoad()根本不会执行。原因：这个子组件不属于uni-app中的页面（在pages.json中配置的页面），uni-app的文档也做出了说明，组件是无法使用页面级的onLoad等生命周期的。uni-app除支持页面生命周期还支持 Vue 组件生命周期，所以可以在mounted（vue2）或onMounted（vue3）中执行相应的操作。
解决uniapp开发的页面组件内无法调用onShow，onLoad
myc66666的博客
04-28 307
解决uniapp开发的页面组件内无法调用onShow，onLoad
uni-app中的onLoad不执行
qq_44130891的博客
11-27 2652
uni-app除支持页面生命周期还支持 Vue 组件生命周期，所以可以在mounted（vue2）或onMounted（vue3）中执行相应的操作。uni-app的文档也做出了说明，组件是无法使用页面级的onLoad等生命周期的。想在onLoad()中发请求获取数据，却发现onLoad()根本不会执行。这个页面没有在pages.json中配置，不属于uni-app中的页面。
uniapp中onLoad不执行的解决办法
热门推荐
wwppp987的博客
05-21 2万+
现象 uniapp中onLoad不执行或者不起作用。 原因 onLoad是页面函数，不是组件函数，所以在页面当中引用components的时候onLoad函数不执行，因为没有钩子。 例子： 不起作用 index.vue： create.vue 但是单独访问create.vue可以发现onLoad执行了。 解决办法 使用vue自带生命周期函数，如： created(){ } 或 mounted(){ } ...
uni-app子组件onLoad、onReady事件无效
qq_42516774的博客
08-29 4370
经过一番尝试后还是不行，看文档发现uni-app 支持的页面生命周期函数是包含onLoad的，但有时却不起作用。使用uniapp开发组件时用到页面初始化参数，于是在封装的子组件上写了onload方法，发现始终无法调用。开发项目，页面上的onLoad，onReady方法是可以起作用的，但是组件中使用却没有起作用。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。最终将onLoad，onReady换成mounted解决了问题。这是因为组件中并不能使用页面生命周期函数。
uni-app项目练习2
05-16
然后，通过HBuilderX创建一个新的uni-app项目，并了解项目结构，包括pages、static、unpackage等目录的作用。 2. **页面结构与路由管理**：uni-app使用Vue.js的组件化思想，每个页面都是一个Vue组件，包括对应的....
uni-app从入门到精通-10311421.pdf
05-28
uni-app打包到App时仍然使用了5+引擎，5+的所有能力都可以在uni-app中可以使用。 uni-app的开发涉及到多个方面，包括项目的创建、页面布局、开发规范、目录结构、页面样式与布局、配置文件（如pages.json和manifest...
uni-app定时器实例
11-08
通过以上讲解，你应该对uni-app中的定时器有了全面的认识，无论是在页面加载、用户交互还是后台任务中，定时器都能发挥重要作用。在实际开发中，灵活运用定时器，可以提高用户体验，增强应用的互动性和实用性。希望...
uni-app中 onload用法
最新发布
05-10
好的，用户想了解uni-app中onLoad生命周期方法的使用。首先，我需要明确onLoad属于页面生命周期，而不是应用或组件的。接下来，我得回忆它的触发时机，应该是在页面加载时触发，且只触发一次。参数方面，onLoad可以...
在vue中created、mounted等方法使用小结
01-21
created：html加载完成之前，执行。执行顺序：父组件-子组件 mounted：html加载完成后执行。执行顺序：子组件-父组件 methods：事件方法执行 watch：watch是去监听一个值的变化，然后执行相对应的函数。 computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值 export default { name: draw, data(){ // 定义变量source return { source:new ol.source.Vector({wrapX: false}), } }, p
uni-app组件 子组件onLoad、onReady事件无效
肥晨开发的学习之路
07-05 1456
最终将onLoad，onReady换成mounted/created 替代解决了问题。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。突然发现在项目中，组件 子组件的onLoad、onReady事件无效。打印也出不来值 怎么处理呢？
uniapp 小程序如何调用上一个页面的方法
徐三岁的博客
10-19 1278
var pages = getCurrentPages(); //当前页面栈 if (pages.length > 1) { var beforePage = pages[pages.length - 2]; //获取上一个页面实例对象 beforePage.$vm.update(); //触发上一个页面中的update方法 }
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({
uniapp
2301_79428107的博客
10-25 1840
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到 iOS、Android、H5、以及各种小程序等多个平台。
uni-app：onLoad 和 onShow生命周期钩子
听海边涛声
09-24 334
uni-app：onLoad 和 onShow生命周期钩子
uni-app 中实现 onLaunch 异步回调后执行 onLoad 最佳实践
江阳小道的专栏
05-23 4247
在使用 uni-app 开发项目时，会遇到需要在 onLaunch 中请求接口返回结果，并且此结果在项目各个页面的 onLoad 中都有可能使用到的需求，比如微信小程序在 onLaunch 中进行登录后取得 openid 并获得 token，项目各页面需要带上该 token 请求其他接口。
vue/uniapp - 返回上一页并onLoad刷新数据
mossbaoo的博客
04-21 1万+
在uni中，返回页面是不会触发onLoad方法的； 如果我们只想在特定情况下返回上一页才需要刷新数据，那么用onShow的话，那刷新就太频繁了； 这时候，可以用$emit和$on去解决。 比如说，从详情页(detail.vue) 回到 列表页(list.vue)： 详情页(detail.vue)： methods:{ back() { uni.$emit('refreshData'); uni.navigateBack({ delta: 1 }) } } 列表页(list.vu
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值