小程序实践(九):返回到上一个界面并传值回去

常见需求,修改某个信息,需要调到一个新界面有个输入框去修改内容,修改之后,点击后退按钮,新的数据就返回更新了

App实现是自己写后退按钮,监听后退按钮,实现数据返回

 

 

但是小程序这边后退按钮是根据打开方式决定显示/隐藏的,并且这个后退按钮也没发现可以监听的事件。

解决办法就是 点击后退的时候,界面会执行对应的生命周期函数,在该函数里面执行数据回调操作就可以实现点击后退并返回更新数据了

 

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
    var that = this 
    var pages = getCurrentPages();
    var currPage = pages[pages.length - 1];   //当前页面
    var prevPage = pages[pages.length - 2];  //上一个页面

    prevPage.setData({
      userName: that.data.contentStr
    });
  },

userName即上一个界面的一个变量,直接赋值就可以。

 

 

 

--------------------------------------------------------------------------------------

 

小程序实践(一):主页tab选项实现

小程序实践(二):swiper组件实现轮播图效果

小程序实践(三):九宫格实现及item跳转

小程序实践(四):动态控制组件的显示/隐藏

小程序实践(五):for循环绑定item的点击事件

小程序实践(六):view内部组件排版

小程序实践(七):页面间传值

小程序实践(八):验证码倒计时功能

小程序实践(九):返回到上一个界面并传值回去

小程序实践(十):textarea实现简单的编辑文本界面

小程序实践(十一):showModal的使用

小程序实践(十二):七牛云上传图片

 

posted @ 2018-10-23 20:05  听着music睡  阅读(7230)  评论(0编辑  收藏  举报