微信小程序 頁(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è)問(wèn)題我猜想可能是小程序內(nèi)部的路由處理 對(duì)這個(gè)"?"敏感吧

好, 這是第一種 依靠跳轉(zhuǎn)的url帶參數(shù)傳值

2 . 用getCurrentPages(); 獲取棧中全部頁(yè)面的, 然后把數(shù)據(jù)寫(xiě)入相應(yīng)頁(yè)面

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

這樣就把 address 傳遞并接受了

注 : 這個(gè)方法適合 往后面?zhèn)髦?即已經(jīng)存在的頁(yè)面), 這樣才能在棧中找到并主動(dòng)寫(xiě)入數(shù)據(jù), 且 一定要在 onshow() 方法中接受, 因?yàn)樵俅畏祷刂粓?zhí)行onshow()方法.

3 . 寫(xiě)入本地, 跨頁(yè)面在取出來(lái) wx.setStorage/wx.getStorage等, 小程序中對(duì)寫(xiě)入本地?cái)?shù)據(jù) 封裝了很多方法, 各有側(cè)重, 這里就不多說(shuō)了

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 的方法來(lái)標(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ì)本站的支持！

您可能感興趣的文章:

• 微信小程序 傳值取值的幾種方法總結(jié)
• 微信小程序傳值以及獲取值方法的詳解
• 微信小程序 頁(yè)面跳轉(zhuǎn)如何實(shí)現(xiàn)傳值
• 微信小程序?qū)崿F(xiàn)兩個(gè)頁(yè)面?zhèn)髦档姆椒ǚ治?/a>
• 微信小程序 頁(yè)面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
• 微信小程序傳值(傳遞數(shù)據(jù))的一些方法匯總

• 微信小程序
• 頁(yè)面?zhèn)髦?/a>

相關(guān)文章

• 

  Google 地圖API Map()構(gòu)造器詳解

  本文主要介紹Google 地圖API Map(),這里對(duì)Map()構(gòu)造器的知識(shí)做了一下整理以及提供簡(jiǎn)單的代碼示例,開(kāi)發(fā)Google 地圖應(yīng)用的朋友可以參考下

  2016-08-08
• 

  沒(méi)有resolve及reject的Promise是否會(huì)造成內(nèi)存泄露

  這篇文章主要為大家介紹了一直沒(méi)有resolve及reject的Promise是否會(huì)造成內(nèi)存泄露的問(wèn)題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

  2022-08-08
• 

  微信小程序 window_x64環(huán)境搭建

  這篇文章主要介紹了微信小程序 window_x64環(huán)境搭建的相關(guān)資料,需要的朋友可以參考下

  2016-09-09
• 

  Wireshark基本介紹和學(xué)習(xí)TCP三次握手

  本文主要介紹Wireshark基本介紹和學(xué)習(xí)TCP三次握手,這里詳細(xì)整理了相關(guān)資料，并給出詳細(xì)流程，有需要的小伙伴可以參考下

  2016-08-08
• 

  JS輕量級(jí)函數(shù)式編程實(shí)現(xiàn)XDM二

  這篇文章主要為大家介紹了JS函數(shù)式編程實(shí)現(xiàn)XDM示例詳解第2/3篇，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

  2022-06-06
• 

  微信小程序中用WebStorm使用LESS

  這篇文章主要介紹了微信小程序中用WebStorm使用LESS的相關(guān)資料,需要的朋友可以參考下

  2017-03-03
• 

  項(xiàng)目中常用的 .env 文件原理源碼解析

  這篇文章主要為大家介紹了項(xiàng)目中常用的 .env 文件原理源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

  2022-12-12
• 

  JavaScript?Page?Visibility?API檢測(cè)頁(yè)面是否可見(jiàn)方法詳解

  這篇文章主要為大家介紹了JavaScript?Page?Visibility?API檢測(cè)頁(yè)面是否可見(jiàn)方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

  2023-05-05
• 

  手把手教你從0搭建前端腳手架詳解

  這篇文章主要介紹了手把手教你從0搭建前端腳手架詳解,腳手架就是在啟動(dòng)的時(shí)候詢問(wèn)一些簡(jiǎn)單的問(wèn)題，并且通過(guò)用戶回答的結(jié)果去渲染對(duì)應(yīng)的模板文件,需要的朋友可以參考下

  2023-03-03
• 

  微信小程序 教程之條件渲染

  這篇文章主要介紹了微信小程序 條件渲染的相關(guān)資料,并附簡(jiǎn)單實(shí)例代碼，需要的朋友可以參考下

  2016-10-10

最新評(píng)論