微信小程序跳转界面传递数据,要传递的数据拼接在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>
js
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>
js
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,})},