微信小程序返回上一页刷新组件数据的示例代码
更新时间:2024年03月11日 10:23:24 作者:迪卢克的现任
这篇文章主要介绍了微信小程序返回上一页刷新组件数据的相关资料,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
微信小程序返回上一页刷新组件数据
在父页面的onShow和onHide里面添加一个标志
onShow() { this.setData({ show:true }) }, onHide() { this.setData({ show:false }) },
把这个值传给子组件
<importantList slot="importantConcern" flag="{{barSelect}}" flag2="{{show}}" />
在子组件的properties方法里面进行判断当flag2为true的时候调用刷新函数刷新
properties: { flag: { type: String, observer: function(news) { if(news==='importantConcern'){ this.getnewTablist(this.data.code) } } }, flag2: { type: String, observer: function(news) { if(news==='true'&&news==='importantConcern'){ this.getnewTablist(this.data.code) } } }, },
补充:
微信小程序返回上一级页面并自动刷新数据
前言
界面由A到B,在由B返回A,触发刷新动作
一、获取小程序栈
界面A代码
shuaxin(){ //此处可进行接口请求从而实现更新数据的效果 console.log("刷新本页面数据啦") },
界面B代码
// 返回触发事件上 // Taro代码为例 goBack(){ let pages = Taro.getCurrentPages(); //获取小程序页面栈 let beforePage = pages[pages.length -2]; //获取上个页面的实例对象 beforePage.shuaxin(); //触发上个页面自定义的shuaxin方法 wx.navigateBack({ //返回上一页 delta:1 }) },
二、生命周期触发
代码如下(示例):
componentDidShow (){}
在小程序环境中对应页面的 onShow。
页面显示/切入前台时触发。
总结
到此这篇关于微信小程序返回上一页刷新组件数据的文章就介绍到这了,更多相关微信小程序返回上一页刷新组件数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
这篇文章主要介绍了微信小程序授权登录解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-05-05JavaScript实现穷举排列(permutation)算法谜题解答
这篇文章主要介绍了JavaScript实现穷举排列(permutation)算法谜题解答,穷举排列是指穷举一个数组中各个元素的排列,需要的朋友可以参考下2014-12-12
最新评论