微信小程序 頁面之間傳參實例詳解
更新時間：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" >跳轉到新頁面</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
})
},
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
這篇文章主要介紹了微信小程序 Nginx環(huán)境配置詳細介紹的相關資料,需要的朋友可以參考下2017-02-02
這篇文章主要為大家介紹了Electron?網絡攔截實戰(zhàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
JavaScript中MutationObServer監(jiān)聽DOM元素詳情
這篇文章主要給大家分享的是?JavaScript中MutationObServer監(jiān)聽DOM元素詳情，DOM的MutationObServer接口，可以在DOM被修改時異步執(zhí)行回調函數(shù)，我的理解就是可以監(jiān)聽DOM修改。下面來看看文章的詳細內容,需要的朋友可以參考一下2021-11-11
這篇文章主要為大家介紹了js 實現(xiàn)驗證碼輸入框示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了微信小程序 天氣預報開發(fā)實例代碼源碼的相關資料,這里含有源碼，需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了JS前端實現(xiàn)fsm有限狀態(tài)機實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要為大家介紹了2023年了該了解下WebComponent使用教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了 微信小程序后臺解密用戶數(shù)據實例詳解的相關資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了微信小程序 彈框和模態(tài)框實現(xiàn)代碼的相關資料,需要的朋友可以參考下2017-03-03
這篇文章主要為大家介紹了TypeScript 內置高級類型編程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09