当前位置:   article > 正文

taro小程序返回上一页传参_taro.navigateback 传递参数 返回上一个页面触发 初始函数

taro.navigateback 传递参数 返回上一个页面触发 初始函数

1.在页面跳转上一页前添加

 		var pages = getCurrentPages();
        var prevPage = pages[pages.length - 2]; //上一个页面
      //直接调用上一个页面的setState()方法,把数据存到上一个页面中去
          prevPage.$component.setState({
       type:2
      })
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

(https://img-blog.csdnimg.cn/20200407133613225.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDAxMTQ2Mg==,size_16,color_FFFFFF,t_70)
2.在当前页面state声明

  constructor(props) {
    super(props);
    this.state = {
      type:null,//返回上一页传的参数
    };
  }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

在这里插入图片描述
3.在当前页面的周期函数,获取页面返回传过来的值

  componentDidShow(){
    var pages = getCurrentPages();
    var currPage = pages[pages.length - 1]; //当前页面
    if(currPage.$component.state.type == 2){
      let type = currPage.$component.state.type;
      this.setState({
        active:type,
      },()=>{
        自己的处理函数
      })
    }

  }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/275033
推荐阅读
相关标签
  

闽ICP备14008679号