微信小程序页面栈的使用，修改上一个页面里的数据

如果我的文章有帮助到大家，请点个赞，谢谢啦
正文开始！
第一个页面里

//wxss
<input type="text" placeholder="请输入姓名" value="{{form.name}}"/>
<input type="text" placeholder="性别" value="{{form.sex}}"/>
<button bindtap="findBtn"></button>//js
data{form:{}
}findBtn(){let form=JSON.stringify(this.data.form)wx.navigateTo({url: '../../find?form='+form,})},

第二个页面，修改第一个页面里的值

//wxss
<button bindtap="addBtn"></button>//js
onLoad(options) {if(options.form){let form=JSON.parse(options.form)this.setData({form:form})}},
addBtn(){this.data.form.name='张三'this.data.form.sex='男'this.setData({form:this.data.form},()=>{//通过页面栈的方式，修改上一界面中的界面变量值var pages = getCurrentPages();var previousPage = pages[pages.length - 2]; //上一个页面previousPage.setData({form: this.data.form })wx.navigateBack({delta: 1})})
}

如果大家有什么问题欢迎提问

微信小程序页面栈的使用，修改上一个页面里的数据相关推荐

微信小程序-自定义导航栏及返回上一级页面的实现
一.参考文章 1.微信小程序自定义navigationBar 2.微信小程序返回上一级页面的实现代码 3.小程序开发--常用布局二.需求在导航栏中需要显示信息的"未读数量",所 ...
微信小程序学习第二章--小试牛刀（写一个页面吧）
文章目录一.先设置要切换的导航栏二.开始写页面了三.样式处理四.js内部方法及数据初始化五.最终结果六.项目参考一.先设置要切换的导航栏 app.json {"pages&qu ...
微信小程序人脸追踪+人脸识别+视频上传页面
效果图: 调用的百度人脸识别api,免费账户就可以,虽然有QPS限制但对于自己学习使用是足够的. 代码: wxml: <view class="page-body">& ...
上拉加载更多后台数据_6-7【微信小程序全栈开发课程】记录页面（七）--分页加载记录数据...
现在是一次性加载所有的记录数据,数据多的时候,会加载比较慢,所以我们改成分页加载,一次最多加载15条数据每次拉倒底部都会自动加载下一页的数据,知道所有的数据加载完成 1.添加data变量编辑rec ...
eslint不报错 vue_2-2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误
1.修改入口文件也就是src/pages/index/main.js文件 main.js是入口文件,通过main.js来加载index.vue文件.每个页面文件夹中都要有main.js文件 //加载 ...
4.1【微信小程序全栈开发课程】个人中心（一）--页面样式、用户信息展示
第四章,我们来完善个人中心,主要操作是src/pages/me文件夹中的me.vue文件,先看看个人中心页面的效果: 1.将个人中心页面放在首页在讲解app.json文件时,提到过在pages数组中 ...
angularjs全栈开发知乎_1-4【微信小程序全栈开发课程】原生小程序框架介绍
1.打开小程序目录打开微信开发者工具,我们上一节新建的项目,我圈出来的这个地方就是小程序的目录结构(如果你那里没有显示,可以点击左上方的编辑器来显示) 2.原生小程序框架介绍给大家画了一张图,重要 ...
为啥我的页面模板的from提交不了数据_4-9【微信小程序全栈开发课程】意见反馈（四）--提交反馈信息
1.创建后端操作文件先在后端server/controllers文件夹中创建操作文件createopinion.js,用来将从前端页面提交的数据,插入到opinions表中,创建完之后,页面目录如下 ...
3.1【微信小程序全栈开发课程】在本地搭建后端开发环境
第二章将前端页面的框架基本搭建好了,第三章,我们来做登录功能,登录功能需要在后端获取到用户信息,返回到前端.所以先来搭建后端开发环境 1.后端开发环境介绍我们的项目用的是前后端分离开发前端可以理解 ...
【微信小程序全栈开发课程】课程目录（mpvue+koa2+mysql）
1.前言本课程会将我的一个已上线的全栈小程序项目做成[免费课程]分享给大家~ 小程序扫描下面二维码查看功能: 小程序环境搭建+开发工具介绍+vue+ES6基础知识+每一行代码展示+代码逻辑+云服务器 ...

微信小程序页面栈的使用，修改上一个页面里的数据

微信小程序页面栈的使用，修改上一个页面里的数据相关推荐

最新文章

热门文章