uni小程序不触发onload原因及解决方法

最新推荐文章于 2024-07-05 16:31:30 发布
最新推荐文章于 2024-07-05 16:31:30 发布
阅读量577 收藏
点赞数 3
分类专栏： uni-app onload不生效 文章标签： 小程序 uni-app vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wph_CSDN/article/details/138132752
版权

背景：最近写一个uni小程序首页时需要根据不同权限来显示不同的页面布局，所以就想将不同的页面样式封装成插件来分别显示，

问题：在组件里面onload获取小程序胶囊位置api不起作用

原因：开始一直忽略生命周期这个事情，以为是api的问题，结果打印其他数据也是如此，结果才发现如下

解决：我因为是用vue2模版 所以直接这样就ok啦！

总结：其实以前遇到过这种问题，当时也解决了，但是好久没遇到就给忘了。所以就写了这么简单的一篇，好记性真的不如烂笔头！！！

留言：有前端相关的问题欢迎随时私信交流探讨！！！

魏让安
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序的onLoad方法不执行
FarryNiu的博客
06-12 2821
微信小程序解决onLoad方法不执行问题
微信小程序onLaunch异步，首页onLoad先执行?
03-29
本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求获取是否有权限，等待返回值的时候Page里的onLoad事件就已经执行了。   //app.js App({ onLaunch: ...
微信小程序之onLaunch与onload异步问题详解
10-17
主要介绍了微信小程序之onLaunch与onload异步问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uni-app组件 子组件onLoad、onReady事件无效
最新发布
肥晨开发的学习之路
07-05 689
最终将onLoad，onReady换成mounted/created 替代解决了问题。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。突然发现在项目中，组件 子组件的onLoad、onReady事件无效。打印也出不来值 怎么处理呢？
vant list列表onload不触发原因及解决方法
撑起自己半边天
05-15 7289
vant list列表onload不触发原因及解决方法
uni-app 页面级组件onLoad 不触发问题
知之为知之，不知为不知
12-21 3529
uni-app onLoad
uni-app中的onLoad为什么有时候不执行
wwwwj的博客
09-09 1578
在一个页面的子组件的onLoad()中发请求获取数据，却发现onLoad()根本不会执行。原因：这个子组件不属于uni-app中的页面（在pages.json中配置的页面），uni-app的文档也做出了说明，组件是无法使用页面级的onLoad等生命周期的。uni-app除支持页面生命周期还支持 Vue 组件生命周期，所以可以在mounted（vue2）或onMounted（vue3）中执行相应的操作。
uniapp 组件 onLoad 不执行解决方法
程序猿的秃头之路
03-03 3959
直接把onLoad换成mounted
uni-app中的onLoad不执行
qq_44130891的博客
11-27 1499
uni-app除支持页面生命周期还支持 Vue 组件生命周期，所以可以在mounted（vue2）或onMounted（vue3）中执行相应的操作。uni-app的文档也做出了说明，组件是无法使用页面级的onLoad等生命周期的。想在onLoad()中发请求获取数据，却发现onLoad()根本不会执行。这个页面没有在pages.json中配置，不属于uni-app中的页面。
『uniapp』自定义组件 onLoad/onShow 函数不执行问题
ReturnTmp的博客
11-08 3894
在uniapp中，只有应用生命周期和页面生命周期，子组件是没有应用周期的。所以onLoad、onShow都不存在。onLoad是页面函数，不是组件函数。子组件中的onLoad和onShow函数不执行。
微信小程序调用wx.getImageInfo遇到的坑解决
10-15
以上就是关于微信小程序调用`wx.getImageInfo`时遇到的常见问题及解决方案。在开发过程中，遇到类似问题时，可以参照这些经验进行排查和解决。希望本文能对你在小程序开发过程中遇到的类似问题提供帮助。
微信小程序wx.navigateTo方法里的events参数使用详情及场景
10-15
在微信小程序开发中，`wx.navigateTo`方法是一个关键的页面跳转函数，它允许开发者从一个页面导航到另一个页面，而无需关闭当前页面。在2.7.3版本中，`wx.navigateTo`增加了一个名为`events`的参数，这个新特性极大...
详解微信小程序实现WebSocket心跳重连
10-18
在微信小程序中使用WebSocket，首先需要在`onLoad`生命周期函数中调用`wx.connectSocket`来建立连接，并传入服务器的WebSocket URL。一旦连接成功，可以监听`onSocketOpen`事件，表明连接已建立。同时，通过`wx....
uniapp中onLoad不执行的解决办法
热门推荐
wwppp987的博客
05-21 2万+
现象 uniapp中onLoad不执行或者不起作用。 原因 onLoad是页面函数，不是组件函数，所以在页面当中引用components的时候onLoad函数不执行，因为没有钩子。 例子： 不起作用 index.vue： create.vue 但是单独访问create.vue可以发现onLoad执行了。 解决办法 使用vue自带生命周期函数，如： created(){ } 或 mounted(){ } ...
uniapp 自定义组件内部onload、onshow函数不运行问题
m0_58889179的博客
04-15 6786
解决方法：在methods中定义一个盛放onload和onshow中代码的函数（函数名：onLoadMethod）。在父组件显示该组件时通过ref调用子组件onLoadMethod方法。原因：在uniapp中，只有应用生命周期（项目生命周期）和页面生命周期，而onLoad和onShow属于页面的生命周期函数，所以组件中不会调用。问题：将写的页面代码，以组件形式展示时，组件中onLoad和onShow代码失效。
小程序问题：封装公共组件的onLoad方法不生效
m0_74802419的博客
11-06 6803
于是就出现了页面数据不能加载的问题，在一番打印查找之后，发现是组件中onLoad方法一直没有执行，导致内部的方法没有调用，表格里的数据没有拿到。然后在Component构造器的lifetimes配置项中，使用与onLoad方法同等作用的attached 方法，发现内部的方法成功调用，拿到表格数据。uni中，在页面当中引用公共组件时onLoad方法不执行 ，可以使用vue自带生命周期函数created、mounted ，或者使用$refs获取组件中的方法并调用来解决。// 组件所在页面的生命周期声明对象。
记：uniapp返回页面不触发onLoad事件
tsang荒男的博客
03-30 1万+
在uni中，我们返回上一页的时候，会发现onLoad方法没有作用； 其实在uni中，返回页面是不会触发onLoad方法，不过会触发onShow方法 如果我们想要返回上一页，获取数据。可以使用onShow方法 onShow(){ this.getCardList() }, ...
uni-app中onLoad不起作用
weixin_44432813的博客
06-05 2284
问题还原：项目使用uniapp开发，前端ui框架用的colorui，公共页面为（pages/index/index），真正的首页是在pages/index/main。 背景介绍完毕，根据设计图首页有个堆叠式轮播，引入colorui堆叠式轮播在小程序页面测试，pages/index/main轮播没有问题，pages/index/index页面轮播不生效，经过打印参数发现，页面加载完成执行初始化数据（以下代码），根本没有执行 onLoad() { this.TowerSwiper('TowerList
uni.$on 微信小程序怎么实现
06-09
在微信小程序中，没有uni-app框架提供的uni.$on函数。但是，微信小程序也提供了类似的全局事件监听函数，可以通过wx.onGlobalEvent()来实现。 具体使用方式如下： 1. 在app.js中定义全局事件名称和回调函数 ```javascript App({ globalData: { eventName: 'testEvent', eventCallback: null } }) ``` 2. 在需要监听全局事件的页面或组件中，调用wx.onGlobalEvent()函数来监听事件 ```javascript Page({ onLoad: function () { wx.onGlobalEvent((res) => { if (res.eventName === 'testEvent') { console.log(res.eventData); // 打印事件传递的数据 } }) } }) ``` 3. 在需要触发全局事件的地方，调用wx.triggerEvent()函数来触发事件 ```javascript App({ test: function () { this.globalData.eventCallback && this.globalData.eventCallback({ eventName: this.globalData.eventName, eventData: 'hello world' }) } }) ``` 注意，微信小程序中的全局事件监听函数和触发函数都需要在App或Page实例中调用，因为它们都是属于App或Page的全局函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值