微信小程序页面之间传递参数-微信小程序页面之间数据传递-小程序页面传值-即速应用

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

浏览量：1728 时间：2020-03-20 来源：胡小牧

1.微信小程序跳转界面传递数据,要传递的数据拼接在url后面实现
2.下面看一个简单的demo传递数据
3.
4.要传递界面
5.wxml
!--index.wxml--viewclass="container"viewclass='name'姓名：inputplaceholder='请输入姓名'value='{{name}}'bindinput='i_name'/input/viewviewclass='name'性别：inputplaceholder='请输入性别'value='{{sex}}'bindinput='i_sex'/input/viewviewclass='name'年龄：inputplaceholder='请输入性别'value='{{age}}'bindinput='i_age'/input/viewbuttonbindtap="go"传递数据到下一页/button/view
6.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(){},})
7.接受界面
8.wxml
viewtext{{pname}}/texttext{{psex}}/texttext{{page}}/textbuttonbindtap="click"返回上一次/button/view
9.js
Page({/***页面的初始数据*/data:{pname:"",psex:"",page:"",},/***生命周期函数--监听页面加载*/onLoad:function(options){console.log(options.name,options.sex,options.age)varthat=thisthat.setData({pname:options.name,psex:options.sex,page:options.age,})},