美文网首页
微信小程序--wx.navigateBack() 携带参数返回

微信小程序--wx.navigateBack() 携带参数返回

作者: 小明同学喜欢熊 | 来源:发表于2019-09-18 15:17 被阅读0次

    今天写了一个功能页面,需要在第二个页面用到navigateBack()传数据到第一个页面,再将传来的数据设置到第一个页面中,在实际操作中出现一些小问题,当我选择好地址携带参数跳转回第一个页面时,页面的数据会卡一下再显示,这给用户的体验留下不好的印象,因此就想在第二个页面中就设好所需的值再返回前一个页面就不会有卡顿感觉


    主要js代码如下:

    
      let curPages = getCurrentPages()  //获取当前页面js里的所有信息
      let prevPage = curPages[curPages.length - 2]  //prevPage 是获取上一个页面的js里面的所有信息 -2 是上一个页面,-3是上上个页面以此类推
    
    //上一个页面内执行setData操作,将我们想要的信息保存住。当我们返回去的时候,页面已经处理完毕
    prevPage.setData({
            name:address.name,
            phone:address.phone,
            address:address.local
     })
    
    //  最后就是返回上一个页面。
     wx.navigateBack({
            delta: 1
     })
    
    

    如图所示效果

    最终效果

    相关文章

      网友评论

          本文标题:微信小程序--wx.navigateBack() 携带参数返回

          本文链接:https://www.haomeiwen.com/subject/laxkuctx.html