微信小程序页面之间数据传递

微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现

下面看一个简单的demo 传递数据

要传递界面

wxml

<!--index.wxml-->
<view class="container"><view class='name'>姓名：<input placeholder='请输入姓名' value='{{name}}' bindinput='i_name'></input></view> <view class='name'>性别：<input placeholder='请输入性别' value='{{sex}}' bindinput='i_sex'></input></view> <view class='name'>年龄：<input placeholder='请输入性别' value='{{age}}' bindinput='i_age'></input></view><button bindtap="go">传递数据到下一页</button>
</view>

Page({/*** 页面的初始数据*/data: {name:"",sex:"",age:"",},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},i_name:function(res){this.setData({name: res.detail.value})},i_sex: function (res) {this.setData({sex: res.detail.value})},i_age: function (res) {this.setData({age: res.detail.value})},go:function(){wx.navigateTo({url: '../palt/palt?name='+this.data.name +"&sex="+this.data.sex+"&age="+this.data.age })},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () { },})

接受界面

wxml


<view><text>{{pname}}</text><text>{{psex}}</text><text>{{page}}</text><button bindtap="click">返回上一次</button>
</view>

Page({/*** 页面的初始数据*/data: {pname:"",psex:"",page:"",},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {console.log(options.name,options.sex,options.age)var that = thisthat.setData({pname:options.name,psex:options.sex,page:options.age,})},

微信小程序页面之间数据传递相关推荐

小程序页面之间数据传递的五种方法
小程序页面之间数据传递的五种方法目录小程序页面之间数据传递的五种方法 **使用 `wx.navigateTo()` 时,在 url 中拼接,这种方法适用于数据量少的情况** **使用 `wx.na ...
小程序页面之间数据传递的四种方法
近期再使用小程序开发的时候遇到小程序页面和页面之间的数据传递问题.总结一下大致有以下几种方式实现页面数据传递. 最常见的就是路由传参,使用场景主要是页面汇总的少量数据的传递.以下都以Taro+vue示 ...
微信小程序——页面之间传递值
微信小程序--页面之间传递值小程序页面传值的方式: 1.正向传值:上一页面 --> 下一页面 url传值本地储存全局的app对象 2.反向传值:下一页面 --> 上一页面本地储 ...
微信小程序页面之间传递数据
使用路由传递数据: 跳转时将数据使用 ? 拼接在 URL 后面:在另一个页面的 onLoad() 方法的参数中即可获取到传递的参数. 微信小程序对路由传参的大小有限制. 接收数据的页面获取到的都是字符 ...
[转] 微信小程序页面跳转传递参数
本文转自:http://blog.csdn.net/qq_31383345/article/details/52795212 微信小程序的页面跳转,页面之间传递参数笔记. CSDN微信小程序开发专栏, ...
微信小程序页面返回并传递参数
微信小程序返回 wx.navigateBack({delta: 1 }) 在这里插入图片描述但是navigateBack 无法携带参数, 于是想到了getCurrentPages let pages ...
微信小程序页面跳转传递参数（富文本）
wx.navigateTo({url:'../yinsi/yinsi?data=1',events: {// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据acceptDataFromO ...
微信小程序页面之间三种传值方式
第一种:url传值 A页面部分js代码 Page({jumpPage(e) {var zhi = 'biubiubiu~~';wx.navigateTo({url: '/pages/detail/de ...
微信小程序页面之间传参，发表说说
getCurrentPages() 函数用于获取当前页面栈的实例,以数组的形式按栈的顺序输出.第一个元素为首页,最后一个元素为当前页. 1.页面结构 2.页面a.wxml <view wx:fo ...

微信小程序页面之间数据传递

微信小程序页面之间数据传递相关推荐

最新文章

热门文章