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

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

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即上一个界面的一个变量,直接赋值就可以。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏十月梦想

Vue入门基础之组件插槽(slot)使用

组件的内容一般是在子组件中直接声明的,那么我们能不能再父组件进行自己去定义内容进行渲染呢?当然是可以的,slot就提供了极大的便利!下面看一下slot用法!

1551
来自专栏coding

vue.js组件切换

922
来自专栏专业duilib使用+业余界面开发

duilib中获取的控件的位置或者大小不对的可能的原因

2364
来自专栏九彩拼盘的叨叨叨

前端学习 第3周 第2天

732
来自专栏GIS讲堂

Openlayers3中SVG图加载

鉴于SVG的优势,在图层展示的时候,会想到SVG的方式,但是OL3里面只支持ImageStatic的方式加载,也就是只能加载栅格图片,为此,本文实现Openla...

2014
来自专栏ZKEASOFT

纸壳CMS在线编辑样式

纸壳CMS可以在页面设计界面,可视化修改页面内的可见元素的样式,在线编辑样式。点击组件工具栏上的“自定义样式”按按钮打开样式编辑对话框:

1584
来自专栏coding

transition-group实现动画效果

如果要实现动画效果的元素是通过v-for循环渲染出来的,就不能使用transition,应该用transition-group将元素包裹

851
来自专栏我爱编程

PyCharm

1724
来自专栏cnblogs

DOM事件第二弹(UIEvent事件)

此文章主要总结UIEvent相关的事件,如有不对的地方,欢迎指正。 一、uitls.js(绑定事件公共类) var fixs = { 'focusin'...

1899
来自专栏九彩拼盘的叨叨叨

学习前端第6周第4天

642

扫码关注云+社区

领取腾讯云代金券