微信小程序 頁(yè)面之間傳參實(shí)例詳解
微信小程序 傳參:
實(shí)現(xiàn)效果圖:
微信小程序在兩個(gè)之間傳參類似js傳遞url拼接參數(shù),舉個(gè)例子來(lái)說(shuō)吧
input自己設(shè)置參數(shù)
//index.wxml <form bindsubmit="formSubmit" bindreset="formReset" class="myform"> <text class="prompt">給自己起個(gè)名字吧</text> <input placeholder="給自己起個(gè)名字吧" name="uesrname"/> <!--<navigator url="../logs/logs?title=我是index" >跳轉(zhuǎn)到新頁(yè)面</navigator> 之間傳參--> <!--<navigator url="../logs/logs?title=我是index" redirect>在當(dāng)前頁(yè)打開</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:'' //設(shè)置一下接收的變量 }, onLoad: function (option) { this.setData({ uesrname:option.uesrname }) },
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
Electron?網(wǎng)絡(luò)攔截實(shí)戰(zhàn)示例詳解
這篇文章主要為大家介紹了Electron?網(wǎng)絡(luò)攔截實(shí)戰(zhàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03JavaScript中MutationObServer監(jiān)聽DOM元素詳情
這篇文章主要給大家分享的是?JavaScript中MutationObServer監(jiān)聽DOM元素詳情,DOM的MutationObServer接口,可以在DOM被修改時(shí)異步執(zhí)行回調(diào)函數(shù),我的理解就是可以監(jiān)聽DOM修改。下面來(lái)看看文章的詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11js 實(shí)現(xiàn)驗(yàn)證碼輸入框示例詳解
這篇文章主要為大家介紹了js 實(shí)現(xiàn)驗(yàn)證碼輸入框示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09微信小程序 天氣預(yù)報(bào)開發(fā)實(shí)例代碼源碼
這篇文章主要介紹了微信小程序 天氣預(yù)報(bào)開發(fā)實(shí)例代碼源碼的相關(guān)資料,這里含有源碼,需要的朋友可以參考下2017-01-01JS前端實(shí)現(xiàn)fsm有限狀態(tài)機(jī)實(shí)例詳解
這篇文章主要為大家介紹了JS前端實(shí)現(xiàn)fsm有限狀態(tài)機(jī)實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09微信小程序后臺(tái)解密用戶數(shù)據(jù)實(shí)例詳解
這篇文章主要介紹了 微信小程序后臺(tái)解密用戶數(shù)據(jù)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06微信小程序 彈框和模態(tài)框?qū)崿F(xiàn)代碼
這篇文章主要介紹了微信小程序 彈框和模態(tài)框?qū)崿F(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03TypeScript 內(nèi)置高級(jí)類型編程示例
這篇文章主要為大家介紹了TypeScript 內(nèi)置高級(jí)類型編程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09