uni-app的生命周期遇到的问题：由于父组件引用子组件，导致生命周期无效。导致调用接口时不能实时刷新

最新推荐文章于 2024-07-05 16:31:30 发布
最新推荐文章于 2024-07-05 16:31:30 发布
阅读量4.1k 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41687299/article/details/104086238
版权

解决方法：在父组件中设置变量，来控制子组件的调用与否
父套子的代码：allOrder是子组件
在这里插入图片描述
父组件中的操作：
1.
在这里插入图片描述
2.在父组件中通过onHide和onShow两个生命周期来控制isShow变量的值
在这里插入图片描述

我跟进的是一个微信小程序的项目，需要点击按钮改变当前车辆的状态。
遇到的问题：点击完按钮，成功调完接口，页面上没有实时显示出当前车辆的状态，需要刷新后才会改变。
遇到问题的原因：没有考虑到调接口的过程和页面呈现过程的时间差
有兴趣的朋友可以关注下：积跬步成江河
在这里插入图片描述

喵小花儿和喵小胖儿
关注
uni-app - 子组件中实现 onShow() 生命周期，监听页面 onShow() 实时刷新子组件内的数据（子组件中模拟页面 onShow 钩子函数，当页面显示时自动执行函数）全端兼容无 BUG
王佳斌
12-12 7827
uni-app 子组件怎么onShow，uniapp子组件中没有onshow怎么办，uniapp子组件怎么当页面显示时就执行，uniapp子组件中需要实时更新数据没有onshow这样的函数怎么办，uniapp 子组件实时刷新数据，uniapp子组件监听父组件的onshow生命周期，uniapp 子组件 mounted 刷新，uniapp子组件 onshow 不能使用，用 mounted 数值不更新怎么解决，uniapp子组件mounted第二次不执行怎么办，解决uniapp子组件mounted()第二次不执
uni-app的生命周期
2201_76058188的博客
06-20 9065
uni-app项目中，一个页面就是一个符合Vue SFC规范的.vue文件或.nvue文件。.vue页面和.nvue页面，均全平台支持，差异在于当uni-app发行到App平台时，.vue文件会使用webview进行渲染，.nvuenvue原生渲染。
uniapp开发组件时，组件内生命周期全部失效的问题
qq_38359034的博客
04-15 1025
onshow，onload...失效，使用mounted mounted() { this.bangStatus(); },
uniapp 组件内onLoad生命周期不起作用
yuangegena_Blog
08-11 832
正常页面生命周期使用onLoad 但是在开发中发现此生命周期不起作用 直接把该生命周期换成Vue的mounted即可 mounted() { console.log('xxxx'); }
uni-app组件 子组件onLoad、onReady事件无效
最新发布
肥晨开发的学习之路
07-05 913
最终将onLoad，onReady换成mounted/created 替代解决了问题。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。突然发现在项目中，组件 子组件的onLoad、onReady事件无效。打印也出不来值 怎么处理呢？
uniapp 给子组件传值不及时显示
风花一世月
04-29 404
使用 this.$set(object, propertyName, value) 方法修改相应的属性 object：修改的目标 propertyName：修改的属性 value：值
日常开发记录--uniapp生命周期onLoad作为组件引入页面后不执行
machine_vision123的博客
04-14 543
解决方法： 直接将onLoad换成mounted
uni-app ：从子页面回到父级页面（父级页面退回到子页面），父级不刷新的方法
m0_45218136的博客
09-05 825
从子页面回到父级页面（父级页面退回到子页面）
uni-app：mescroll-nui下拉刷新组件
09-08
本知识点主要聚焦于uni-app中的mescroll-nui下拉刷新组件，这是一个非常实用的功能，用于实现用户在滚动到页面顶部时触发数据的刷新。 首先，mescroll-nui是基于MeScroll库的一个uni-app插件，MeScroll是一个高性能...
uni-app 生命周期：应用，页面，组件
PrimaryColor
02-04 715
uni-app的生命周期有三种：应用生命周期，页面生命周期，组件生命周期。 在合理的生命周期内做应该的操作。 一、应用生命周期，app.vue文件中： onLaunch:function(){ //onLaunch只能在app.vue //登录操作，全局变量 }, onShow:function(){ }, onHide:function(){ } onLaunch：应用初始化完成触发一次，全局只触发一次； onShow：应用启动的时候，或者从后台进入前台会触发； onHide：...
uni-app（15）— uni-app中组件的创建以及组件的生命周期函数
tiffany_kim的博客
05-14 1496
此文为uni-app 总结笔记（15）— uni-app中组件的创建以及组件的生命周期函数 uni-app中组件的创建 在uni-app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过impot的方式导入，在通过components进行注册即可 创建test组件，在component中创建test目录，然后新建test.vue文件 <template> <view> 这是test组件 </view> </temp
关于父组件引用子组件，子组件生命周期打印不出信息问题
m0_72788309的博客
02-27 441
关于父组件引用子组件，子组件生命周期打印不出信息问题
vue组件使用生命周期不执行的方法
早晚的博客
06-01 398
使用$ref的方法获取组件的ref，然后调用子组件的方法
uniapp子组件刷新问题
gyl_sunshine的博客
03-03 2906
在数据不变化的情况下，uniapp里子组件不会跟着页面刷新而重新渲染 解决办法 销毁重建子组件 <trans-num ref="transNum" v-if="hackReset"></trans-num> 页面设置全局标记 hackReset：true async onShow() { this.hackReset = false; this.$nextTick(() => { this.hackReset = true; })
UniApp 基础（生命周期）
qq_60078280的博客
09-06 696
一、应用生命周期 uni-app支持如下应用生命周期函数： 注意 应用生命周期仅可在App.vue中监听，在其它页面监听无效。 onlaunch里进行页面跳转，如遇白屏报错，请参考https://ask.dcloud.net.cn/article/35942 onPageNotFound 页面实际上已经打开了（比如通过分享卡片、小程序码）且发现页面不存在，才会触发，api 跳转不存在的页面不会触发（如 uni.navigateTo） ...
uniapp中调用子组件方法时报错，Cannot read property ‘xxx‘ of undefined“
vzfearless
04-21 4693
uniapp中使用this.$refs.child.childMethod()调用子组件方法时报错，找不到属性。 原因是首次加载组件时，未加载完成会找不到组件。需要延迟一段时间再访问 setTimeout(()=>{ this.$refs.child.childMethod() },100) 问题解决！ ...
关于vue中父页面的生命周期和子组件生命周期关系导致的报错问题解决
YANJIEAILISISI的博客
06-01 1149
由父页面和子组件的生命周期引起,但是不影响功能使用,F12出现莫名报错的问题
uni-app从入门到放弃(一)
热门推荐
weixin_45720111的博客
12-04 2万+
文章目录一、uni-app简单介绍什么是uni-app？uni-app的优点跨平台发行，运行体验更好通用前端技术栈,学习成本更低开发生态,组件更丰富二、功能框架浏览图三、创建项目1、安装HBuilderX2、创建uni-app3、运行项目4、官方提示四、项目中使用扩展组件五、uniapp生命周期应用生命周期页面生命周期组件生命周期 一、uni-app简单介绍 什么是uni-app？ uni-app 是使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小
FE_Vue核心知识的学习 由【v-if && v-show】引出父子组件的生命周期函数调用的问题
一个搬砖工人
03-09 315
我们在vue的父组件调用子组件时，往往会出现各种声明周期函数乱调用的问题，例如，我们本来打算在组件被引用的时候调用子组件的mounted方法，但是 在父组件刷新的时候，此时并没有调用子组件，但是子组件的声明周期函数mounted方法已经被调用了。这里主要是因为【v-show】，那我们改为【v-if】该如何呢？这个时候发现 子组件的 声明周期函数并没有调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值