微信小程序 頁面之間傳參實例詳解
更新時間:2017年01月13日 11:36:25 投稿:lqh
這篇文章主要介紹了微信小程序 頁面之間傳參實例詳解的相關資料,需要的朋友可以參考下
微信小程序 傳參:
實現(xiàn)效果圖:

微信小程序在兩個之間傳參類似js傳遞url拼接參數(shù),舉個例子來說吧
input自己設置參數(shù)
//index.wxml <form bindsubmit="formSubmit" bindreset="formReset" class="myform"> <text class="prompt">給自己起個名字吧</text> <input placeholder="給自己起個名字吧" name="uesrname"/> <!--<navigator url="../logs/logs?title=我是index" >跳轉(zhuǎn)到新頁面</navigator> 之間傳參--> <!--<navigator url="../logs/logs?title=我是index" redirect>在當前頁打開</navigator> --> <button form-type="submit" type="primary" size="mini">確定</button> <button form-type="reset" type="warn" size="mini">重置</button> </form>
formSubmit:function(e){
var da = e.detail.value;
var qu = da.uesrname;
this.setData({
username:qu
}),
wx.navigateTo({
url: '../logs/logs?uesrname='+qu //qu是上面input輸入的值
})
},
logs.js
//logs.js
Page({
data: {
motto: 'Hello',
userInfo: {},
answer: stringAns,
uesrname:'' //設置一下接收的變量
},
onLoad: function (option) {
this.setData({
uesrname:option.uesrname
})
},
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
JavaScript國際化API格式化數(shù)據(jù)Intl.NumberFormat使用講解
這篇文章主要為大家介紹了JavaScript國際化API格式化數(shù)據(jù)Intl.NumberFormat使用講解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-06-06
JS數(shù)組方法some、every和find的使用詳情
這篇文章 要給大家介紹的是JS數(shù)組方法some、every和find的使用的一些相關資料,感興趣的小伙伴一起來學習吧2021-09-09

