微信小程序传参路径拼接
这种的前后端交接是这种是formdata格式可以这种传
页面之间跳转并带参传递(url带参传递)
效果图
这个是使用路由跳转url带值传值案例
这个是+拼接 有兴趣的可以看下es6的拼接 ``
代码
A页面
wxml
<view>
<view>我是a页面</view>
<text>你的名字{
{
name}}</text>
</view>
<view>
<text>你的年龄{
{
age}}</text>
</view>
<button bindtap='buttonListener'>数据跳转</button>
js
Page({
/**
* 页面的初始数据
*/
data: {
name:'Tom',
age:'12'
},
buttonListener:function(){
let that = this
wx.navigateTo({
url: '/pages/2/2?nameData=' + that.data.name + '&ageData=' + that.data.age
// 一般传多个参的话可以拼接 拼接用&来进行拼接 只传1个的话之间?拼接 大于1个用&拼接
// ?跟的是你自定义的属性 这个页面定义这个属性 下个页面也要保持一致
})
}
})
B页面
wxml
<view>
<view>我是b页面</view>
<text>姓名为:{
{
name}}</text>
</view>
<view>
<text>年龄为:{
{
age}}</text>
</view>
js
Page({
/**
* 页面的初始数据
*/
data: {
name:null,
age:null
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this
that.setData({
name:options.nameData,
age:options.ageData
})
}
})