微信小程序跳轉(zhuǎn)界面?zhèn)鬟f數(shù)據(jù),要傳遞的數(shù)據(jù)拼接在url 后面實(shí)現(xiàn)

下面看一個(gè)簡(jiǎn)單的demo 傳遞數(shù)據(jù)

?

要傳遞界面

wxml?

<!--index.wxml-->
<view class="container"><view class='name'>姓名：<input placeholder='請(qǐng)輸入姓名' value='{{name}}' bindinput='i_name'></input></view> <view class='name'>性別：<input placeholder='請(qǐng)輸入性別' value='{{sex}}' bindinput='i_sex'></input></view> <view class='name'>年齡：<input placeholder='請(qǐng)輸入性別' value='{{age}}' bindinput='i_age'></input></view><button bindtap="go">傳遞數(shù)據(jù)到下一頁(yè)</button> 
</view>

js?

Page({/*** 頁(yè)面的初始數(shù)據(jù)*/data: {name:"",sex:"",age:"",},/*** 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載*/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 })},/*** 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面初次渲染完成*/onReady: function () { },})

?

接受界面

?

wxml

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

js

Page({/*** 頁(yè)面的初始數(shù)據(jù)*/data: {pname:"",psex:"",page:"",},/*** 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載*/onLoad: function (options) {console.log(options.name,options.sex,options.age)var that = thisthat.setData({pname:options.name,psex:options.sex,page:options.age,})},

?

總結(jié)

以上是生活随笔為你收集整理的微信小程序页面之间数据传递的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。