微信小程序 頁(yè)面?zhèn)髦翟斀?/h1>
更新時(shí)間:2017年03月10日 10:10:15 作者:Sense王旭明
這篇文章主要介紹了微信小程序 頁(yè)面?zhèn)髦翟斀獾南嚓P(guān)資料,需要的朋友可以參考下
微信小程序 頁(yè)面?zhèn)髦翟斀?/strong>
一. 跨頁(yè)面?zhèn)髦?
1 . 用 navigator標(biāo)簽傳值或 wx.navigator, 比如

這里將good_id=16 參數(shù)傳入detail頁(yè)面, 然后detail頁(yè)面的 onload方法內(nèi)接受.

如果需要傳多個(gè)參數(shù), 用 & 鏈接即可


如果要傳 數(shù)組, 字典等復(fù)雜類型, 要先用 JSON.stringify() 轉(zhuǎn)成字符串傳遞.

注 : 如果轉(zhuǎn)化的字符串中 有"?"這個(gè)符號(hào), 則只會(huì)傳遞"?"以前的字符串, 這個(gè)問題我猜想可能是小程序內(nèi)部的路由處理 對(duì)這個(gè)"?"敏感吧
好, 這是第一種 依靠跳轉(zhuǎn)的url帶參數(shù)傳值
2 . 用getCurrentPages(); 獲取棧中全部頁(yè)面的, 然后把數(shù)據(jù)寫入相應(yīng)頁(yè)面

這里可以傳字符串, 也能傳數(shù)組等,

這樣就把 address 傳遞并接受了
注 : 這個(gè)方法適合 往后面?zhèn)髦?即已經(jīng)存在的頁(yè)面), 這樣才能在棧中找到并主動(dòng)寫入數(shù)據(jù), 且 一定要在 onshow() 方法中接受, 因?yàn)樵俅畏祷刂粓?zhí)行onshow()方法.
3 . 寫入本地, 跨頁(yè)面在取出來 wx.setStorage/wx.getStorage等, 小程序中對(duì)寫入本地?cái)?shù)據(jù) 封裝了很多方法, 各有側(cè)重, 這里就不多說了


4 . 把 數(shù)據(jù)聲明為全局變量
var detail = getApp().detail; 可在任何頁(yè)面獲取
二. 頁(yè)內(nèi)傳值
1 . 設(shè)置id的方法標(biāo)識(shí)跳轉(zhuǎn)后傳遞后的參數(shù)

在bindtap定義的點(diǎn)擊方法 swiperTap : function(e) ; 中獲取, var id = e.currentTarget.id;
2 . 設(shè)置 data-xxx 的方法來標(biāo)識(shí)要傳遞的值

注 : 這里 data-index="{{index}}" 里的 {{index}} 是有效的, 在用wx-for 渲染視圖層時(shí), index 代表點(diǎn)擊的下標(biāo). 在bindtap定義的點(diǎn)擊方法 swiperTap : function(e) ; 中獲取, 即 var index = e.currentTarget.dataset.index; 其他的參數(shù)取出也如此, var type = e.currentTarget.dataset.type;
3 . form表單和input輸入框




感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
-
微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下 2017-02-02
-
使用compose函數(shù)優(yōu)化代碼提高可讀性及擴(kuò)展性
這篇文章主要為大家介紹了使用compose函數(shù)提高代碼可讀性及擴(kuò)展性,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪 2022-06-06
-
微信小程序(應(yīng)用號(hào))開發(fā)新聞客戶端實(shí)例
這篇文章主要介紹了微信小程序(應(yīng)用號(hào))開發(fā)新聞客戶端實(shí)例的相關(guān)資料,需要的朋友可以參考下 2016-10-10
-
'2'>'10'==true?解析JS如何進(jìn)行隱式類型轉(zhuǎn)換
這篇文章主要為大家介紹了'2'>'10'==true?解析JS如何進(jìn)行隱式類型轉(zhuǎn)換示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪 2023-09-09
-
Qiankun Sentry 監(jiān)控異常上報(bào)無法自動(dòng)區(qū)分項(xiàng)目解決
這篇文章主要為大家介紹了Qiankun Sentry 監(jiān)控異常上報(bào)無法自動(dòng)區(qū)分項(xiàng)目解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪 2022-11-11
最新評(píng)論
微信小程序 頁(yè)面?zhèn)髦翟斀?/strong>
一. 跨頁(yè)面?zhèn)髦?
1 . 用 navigator標(biāo)簽傳值或 wx.navigator, 比如
這里將good_id=16 參數(shù)傳入detail頁(yè)面, 然后detail頁(yè)面的 onload方法內(nèi)接受.
如果需要傳多個(gè)參數(shù), 用 & 鏈接即可
如果要傳 數(shù)組, 字典等復(fù)雜類型, 要先用 JSON.stringify() 轉(zhuǎn)成字符串傳遞.
注 : 如果轉(zhuǎn)化的字符串中 有"?"這個(gè)符號(hào), 則只會(huì)傳遞"?"以前的字符串, 這個(gè)問題我猜想可能是小程序內(nèi)部的路由處理 對(duì)這個(gè)"?"敏感吧
好, 這是第一種 依靠跳轉(zhuǎn)的url帶參數(shù)傳值
2 . 用getCurrentPages(); 獲取棧中全部頁(yè)面的, 然后把數(shù)據(jù)寫入相應(yīng)頁(yè)面
這里可以傳字符串, 也能傳數(shù)組等,
這樣就把 address 傳遞并接受了
注 : 這個(gè)方法適合 往后面?zhèn)髦?即已經(jīng)存在的頁(yè)面), 這樣才能在棧中找到并主動(dòng)寫入數(shù)據(jù), 且 一定要在 onshow() 方法中接受, 因?yàn)樵俅畏祷刂粓?zhí)行onshow()方法.
3 . 寫入本地, 跨頁(yè)面在取出來 wx.setStorage/wx.getStorage等, 小程序中對(duì)寫入本地?cái)?shù)據(jù) 封裝了很多方法, 各有側(cè)重, 這里就不多說了
4 . 把 數(shù)據(jù)聲明為全局變量
var detail = getApp().detail; 可在任何頁(yè)面獲取
二. 頁(yè)內(nèi)傳值
1 . 設(shè)置id的方法標(biāo)識(shí)跳轉(zhuǎn)后傳遞后的參數(shù)
在bindtap定義的點(diǎn)擊方法 swiperTap : function(e) ; 中獲取, var id = e.currentTarget.id;
2 . 設(shè)置 data-xxx 的方法來標(biāo)識(shí)要傳遞的值
注 : 這里 data-index="{{index}}" 里的 {{index}} 是有效的, 在用wx-for 渲染視圖層時(shí), index 代表點(diǎn)擊的下標(biāo). 在bindtap定義的點(diǎn)擊方法 swiperTap : function(e) ; 中獲取, 即 var index = e.currentTarget.dataset.index; 其他的參數(shù)取出也如此, var type = e.currentTarget.dataset.type;
3 . form表單和input輸入框
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02使用compose函數(shù)優(yōu)化代碼提高可讀性及擴(kuò)展性
這篇文章主要為大家介紹了使用compose函數(shù)提高代碼可讀性及擴(kuò)展性,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06微信小程序(應(yīng)用號(hào))開發(fā)新聞客戶端實(shí)例
這篇文章主要介紹了微信小程序(應(yīng)用號(hào))開發(fā)新聞客戶端實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-10-10'2'>'10'==true?解析JS如何進(jìn)行隱式類型轉(zhuǎn)換
這篇文章主要為大家介紹了'2'>'10'==true?解析JS如何進(jìn)行隱式類型轉(zhuǎn)換示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09Qiankun Sentry 監(jiān)控異常上報(bào)無法自動(dòng)區(qū)分項(xiàng)目解決
這篇文章主要為大家介紹了Qiankun Sentry 監(jiān)控異常上報(bào)無法自動(dòng)區(qū)分項(xiàng)目解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11