微信小程序跳轉界面傳遞數據,要傳遞的數據拼接在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,})},

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。