根据vue改写的uni-app项目，onload不起作用

最新推荐文章于 2024-08-30 22:33:28 发布
最新推荐文章于 2024-08-30 22:33:28 发布
阅读量2.2k 收藏
点赞数
分类专栏： uni-app 文章标签： vue uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44429079/article/details/118411776
版权

Vue uni-app onLoad router 生命周期
关键词由CSDN通过智能技术生成

onload不起作用

最近在写项目的时候，发现之前编写了一个vue项目的样式在这页可以沿用，于是我就改写了一下，发现我那页的onload没起作用，但是刷新一下onload又起作用了 。就是跳转过来不起作用。

  • 原因在于我之前是这样写的
    在这里插入图片描述
    应该改成在这里插入图片描述
  • 问题出在 r o u t e r 这 个 上 面 ， 这 个 东 西 是 v u e 原 生 的 方 法 ， 我 忘 记 改 了 ， u n i 这 个 项 目 不 太 适 配 ， o n L o a d 也 是 u n i 的 方 法 ， 所 以 二 次 进 来 的 时 候 用 router这个上面，这个东西是vue原生的方法，我忘记改了，uni这个项目不太适配，onLoad也是uni的方法， 所以二次进来的时候用 router这个上面，这个东西是vue原生的方法，我忘记改了，uni这个项目不太适配，onLoad也是uni的方法，所以二次进来的时候用router触发不对onload
  • vue的生命周期是这几个，没有onload

在这里插入图片描述

77快乐
关注
专栏目录
通过vue-cli安装uni-app项目
Mr古技术分享
04-25 1393
全局安装vue-cli win+R，输入cmd，输入：npm install -g @vue/cli，如npm提示语句有问题，请提前安装最新版node.js。官方地址：https://uniapp.dcloud.io/quickstart-cli 也可以通过前端开发工具来初始化项目，比如我使用的是JetBrains WebStorm，创建一个文件夹uniApp，通过编辑器打开改文件夹，然后在Terminal面板输入命令：vue create -p dcloudio/uni-preset-vue my-pr
仅img元素创建后不添加到文档中会执行onload事件的解决方法
09-05
仅img元素创建后不添加到文档中会执行onload事件的解决方法，需要的朋友可以参考下。
vue3页面生命周期onLoad和onReady的作用
最新发布
m0_68597716的博客
08-30 1478
页面生命周期及其方法
uni-app中的onLoad不执行
qq_44130891的博客
11-27 1831
uni-app除支持页面生命周期还支持 Vue 组件生命周期，所以可以在mounted（vue2）或onMounted（vue3）中执行相应的操作。uni-app的文档也做出了说明，组件是无法使用页面级的onLoad等生命周期的。想在onLoad()中发请求获取数据，却发现onLoad()根本不会执行。这个页面没有在pages.json中配置，不属于uni-app中的页面。
小程序问题：封装公共组件的onLoad方法不生效
m0_74802419的博客
11-06 7020
于是就出现了页面数据不能加载的问题，在一番打印查找之后，发现是组件中onLoad方法一直没有执行，导致内部的方法没有调用，表格里的数据没有拿到。然后在Component构造器的lifetimes配置项中，使用与onLoad方法同等作用的attached 方法，发现内部的方法成功调用，拿到表格数据。uni中，在页面当中引用公共组件时onLoad方法不执行 ，可以使用vue自带生命周期函数created、mounted ，或者使用$refs获取组件中的方法并调用来解决。// 组件所在页面的生命周期声明对象。
自定义组件onLoad函数不执行
weixin_70243424的博客
07-21 708
【代码】自定义组件onLoad函数不执行。
uniapp 使用vue3 setup语法开发，onLoad失效问题
m0_56076428的博客
05-09 1890
【代码】uniapp 使用vue3 setup语法开发，onLoad失效问题。
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
基于vue的uni-app生态——学习笔记001
qq_63690649的博客
03-14 2412
基于vue的uni-app生态——学习笔记001
uni-app登录实例的实现
10-29
uni-app是EcoApp体系下的一个开源项目，由DCloud(数字天堂)推出，它基于Vue.js语法，提供了丰富的组件和API，可以便捷地构建原生应用。HBuilderX作为uni-app的主要开发工具，集成了代码编辑、预览、打包发布等功能，...
uni-app框架+vue 实现上拉加载和下拉刷新功能
共同学习，共同成长
07-23 2053
大家好，我是码喽的自我修养！今天给大家分享uni-app框架+vue实现上拉加载和下拉刷新功能！并提供具体代码帮助大家深入理解，彻底掌握！
[vue] canvas img.onload不执行
qq_14993591的博客
08-31 2893
要在视图中使用本地资源，您必须通过Webpack加载它们。
uni-app：App.vue中onLaunch请求接口异步，首页onLoad获取不到数据
m0_60189088的博客
04-22 959
最近在开发uniapp的h5项目，按着正常的逻辑来说启动h5页面，先触发App.vue中的onLaunch生命周期，随后触发onLoad。但其实不是，在触发onLaunch的同时也在触发要进入页面的onLoad，所以导致在onLoad里面拿不到onLaunch里的数据。
解决在uniapp中自定义组件onLoad回调不执行
HHYZBC的博客
10-01 2992
在uniapp中，自定义了一个组件，却发现该组件是正常导入并使用了，但是该组件的onLoad回调却没有执行。onLoad是页面函数，不是组件函数，所以在页面当中引用。使用vue中的生命钩子函数即可。的时候onLoad函数不执行，因为没有钩子。
uniapp中onBackPress重写没有效果
qq_41617901的博客
07-20 2383
造成原因，最后没有写returntrue,记得一定要写returntrue;uniapp中onpressback重写没有效果，
onbackpress无效
weixin_51772991的博客
03-31 559
原因 : uniapp的onBackPress生命周期支持h5、app、支付宝，返回到指定页面可以用。但是注意 : uniapp的onBackPress生命周期是不支持微信小程序的。
uniapp 组件onload 等不起作用
Sensation_cyq的博客
05-15 910
问题 uniapp 组件onload 等不起作用 解决 用vue 生命周期事件 created 。。。。
vant list列表onload不触发原因及解决方法
撑起自己半边天
05-15 8132
vant list列表onload不触发原因及解决方法
uni-app app.vue中 onLaunch请求接口 异步导致首页取不到数据
weixin_47640774的博客
01-29 444
但因为getOpenId方法是ajax异步的 所以首页显示了 可能getOpenId方法还没执行完，首页可能就会取不到openid。在首页中判断openid是否存在，不存在则定义一个app.globalData.loginCallback 回调方法。this.globalData.loginCallback则不需要在this.globalData中定义。注意：this.globalData是app.vue中的一个全局变量，直接在app.vue页面中定义的。目前我这边是使用了两种方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值