微信小程序中带参数返回上一页的方法总结（三种）

本篇文章给大家带来的内容是关于微信小程序中带参数返回上一页的方法总结（三种），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

方法一

把当前页面数据放入本地缓存（ wx.setStorage（wx.setStorageSync），上一个页面再从缓存中取出（wx.getStorage（wx.getStorageSync））同时退出登录时要清除缓存（wx.clearStorage（wx.clearStorageSync））。

方法二

1. 在当前页设置上一页的data,例如

var pages = getCurrentPages(); // 获取页面栈var currPage = pages[pages.length - 1]; // 当前页面var prevPage = pages[pages.length - 2]; // 上一个页面prevPage.setData({mydata: {a:1, b:2} // 假数据})

返回上一页的数据为：当然这个“mydata”必须是上一页有的数据才行

wx.navigateBack({delta: 1})

2、直接调用方法名来更新数据页面A

Page({  data: {    name: ''  },  ...  ,  //更新name  changeData: function(name){    this.setData({      name: name    })  }})

页面B,假设有一个文本框用于输入姓名,点击返回按钮后更新页面A的name

Page({//此方法用于文本框输入回调inputTyping: function (e) {//获取页面栈var pages = getCurrentPages();if(pages.length > 1){//上一个页面实例对象var prePage = pages[pages.length - 2];//关键在这里prePage.changeData(e.detail.value)}}})

这样就可以实现数据传递给上一个页面，要注意页面A必须使用wx.navigateTo跳转到页面B，不能使用wx.redirectTo，这样会关闭上一个页面，导致页面B无法获取上一页Page实例。

方法三在app.js中设置全局变量，当前页赋值，上一页取之

方法为

globalData: {userInfo: null,}

注意：方法一，方法三，都需要重新刷新页面数据所走方法为：

/*** 生命周期函数--监听页面显示*/onShow: function () {},

微信小程序中带参数返回上一页的方法总结（三种）相关推荐

微信小程序路径带参数跳转
微信小程序路径带参数跳转 release_con: function () {console.log(this.data.cateid)wx.navigateTo({url: '/pages/rele ...
微信小程序实现带参数的字符串表达式判断真值
先看效果图在这之前有大佬实现了微信小程序中的eval,亲测过,可行,但体量有点大,决定自己写个简单的eval,不求实现复杂逻辑,够用就行. 一.背景应公司需求,计算表达式的true,false值, ...
微信小程序使用页面栈修改上一个页面的data数据
微信小程序中从一个页面A进入一个页面B,如果页面B的数据有改变,再返回页面A的时候需要把数据同步到页面A. 一般的方法有: 1. 使用本地缓存 wx.setStorage() 和 wx.getStor ...
微信小程序自带的返回键（onUnload）传参
先说一下页面逻辑:A到B页面(上传图片页面):然后B返回A页面:在A页面获取在B页面返回的值首先要到你要返回的页面去: 找到生命周期: onUnload: function () {console. ...
微信小程序分享带参数
方法如下 Page({onShareAppMessage: function (res) {return {title: '转发标题',path: '/page/index?name=liuliang ...
微信小程序flex布局怎么实现上中下3行铺满整个窗口。
问题描述: 在微信小程序中使用flex实现上中下3行布局铺满整个窗口. 如图 **WXML ** <!--/* ***HotApp云笔记,基于HotApp小程序统计云后台 ***免费云后台申请地 ...
微信小程序中裁剪图片以及压缩到指定尺寸并上传
本文分为两个内容,分别是裁剪图片和压缩引出问题 1.为何要裁剪图片因为需要上传头像,但是每个型号的手机拍出来的照片尺寸都不太一样,不能统一,所以,希望在上传之前进行自主裁剪,保证上传到服务器上的尺 ...
微信小程序中如何使用setData修改数组或对象中的某一参数
本人也是刚开始接触微信小程序,在微信小程序中经常会遇到修改数组中某一项的值,比如array[0]或者是对象中object.item的值.这些值在微信小程序中都需要使用一个名为setData的方法,而这 ...
微信开发上传视频到服务器,微信小程序中实现上传视频的开发代码
微信小程序中实现上传视频的开发代码,视频,接口,上传,代码,服务器微信小程序中实现上传视频的开发代码易采站长站,站长之家为您整理了微信小程序中实现上传视频的开发代码的相关内容. 本篇文章给大家带来 ...

微信小程序中带参数返回上一页的方法总结（三种）

微信小程序中带参数返回上一页的方法总结（三种）相关推荐

最新文章

热门文章