当前位置: 代码网 > it编程>编程语言>Javascript > 微信小程序返回上一页刷新组件数据的示例代码

微信小程序返回上一页刷新组件数据的示例代码

2024年05月18日 Javascript 我要评论
微信小程序返回上一页刷新组件数据在父页面的onshow和onhide里面添加一个标志onshow() { this.setdata({ show:true }

微信小程序返回上一页刷新组件数据

在父页面的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。

页面显示/切入前台时触发。

总结

taro react生命周期函数

到此这篇关于微信小程序返回上一页刷新组件数据的文章就介绍到这了,更多相关微信小程序返回上一页刷新组件数据内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com