微信小程序 頁面?zhèn)髦翟斀?/h1>
更新時間：2017年03月10日 10:10:15 作者：Sense王旭明
這篇文章主要介紹了微信小程序 頁面?zhèn)髦翟斀獾南嚓P資料,需要的朋友可以參考下
微信小程序 頁面?zhèn)髦翟斀?/strong>
一. 跨頁面?zhèn)髦?
1 . 用 navigator標簽傳值或 wx.navigator, 比如
這里將good_id=16 參數(shù)傳入detail頁面, 然后detail頁面的 onload方法內接受.
如果需要傳多個參數(shù), 用 & 鏈接即可
如果要傳 數(shù)組, 字典等復雜類型, 要先用 JSON.stringify() 轉成字符串傳遞.
注 : 如果轉化的字符串中 有"?"這個符號, 則只會傳遞"?"以前的字符串, 這個問題我猜想可能是小程序內部的路由處理 對這個"?"敏感吧
好, 這是第一種 依靠跳轉的url帶參數(shù)傳值
2 . 用getCurrentPages(); 獲取棧中全部頁面的, 然后把數(shù)據(jù)寫入相應頁面
這里可以傳字符串, 也能傳數(shù)組等,
這樣就把 address 傳遞并接受了
注 : 這個方法適合 往后面?zhèn)髦?即已經(jīng)存在的頁面), 這樣才能在棧中找到并主動寫入數(shù)據(jù), 且 一定要在 onshow() 方法中接受, 因為再次返回只執(zhí)行onshow()方法.
3 . 寫入本地, 跨頁面在取出來 wx.setStorage/wx.getStorage等, 小程序中對寫入本地數(shù)據(jù) 封裝了很多方法, 各有側重, 這里就不多說了
4 . 把 數(shù)據(jù)聲明為全局變量
var detail = getApp().detail; 可在任何頁面獲取
二. 頁內傳值
1 . 設置id的方法標識跳轉后傳遞后的參數(shù)
在bindtap定義的點擊方法 swiperTap : function(e) ; 中獲取, var id = e.currentTarget.id;
2 . 設置 data-xxx 的方法來標識要傳遞的值
注 : 這里 data-index="{{index}}" 里的 {{index}} 是有效的, 在用wx-for 渲染視圖層時, index 代表點擊的下標. 在bindtap定義的點擊方法 swiperTap : function(e) ; 中獲取, 即 var index = e.currentTarget.dataset.index; 其他的參數(shù)取出也如此, var type = e.currentTarget.dataset.type;
3 . form表單和input輸入框
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
-
本文主要介紹Google 地圖API Map(),這里對Map()構造器的知識做了一下整理以及提供簡單的代碼示例,開發(fā)Google 地圖應用的朋友可以參考下 2016-08-08
-
沒有resolve及reject的Promise是否會造成內存泄露
這篇文章主要為大家介紹了一直沒有resolve及reject的Promise是否會造成內存泄露的問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪 2022-08-08
-
這篇文章主要介紹了微信小程序 window_x64環(huán)境搭建的相關資料,需要的朋友可以參考下 2016-09-09
-
本文主要介紹Wireshark基本介紹和學習TCP三次握手,這里詳細整理了相關資料，并給出詳細流程，有需要的小伙伴可以參考下
2016-08-08
-
這篇文章主要為大家介紹了JS函數(shù)式編程實現(xiàn)XDM示例詳解第2/3篇，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪 2022-06-06
-
這篇文章主要介紹了微信小程序中用WebStorm使用LESS的相關資料,需要的朋友可以參考下 2017-03-03
-
這篇文章主要為大家介紹了項目中常用的 .env 文件原理源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪 2022-12-12
-
JavaScript?Page?Visibility?API檢測頁面是否可見方法詳解
這篇文章主要為大家介紹了JavaScript?Page?Visibility?API檢測頁面是否可見方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪 2023-05-05
-
這篇文章主要介紹了手把手教你從0搭建前端腳手架詳解,腳手架就是在啟動的時候詢問一些簡單的問題，并且通過用戶回答的結果去渲染對應的模板文件,需要的朋友可以參考下 2023-03-03
-
這篇文章主要介紹了微信小程序 條件渲染的相關資料,并附簡單實例代碼，需要的朋友可以參考下 2016-10-10
最新評論
微信小程序 頁面?zhèn)髦翟斀?/strong>
一. 跨頁面?zhèn)髦?
1 . 用 navigator標簽傳值或 wx.navigator, 比如
這里將good_id=16 參數(shù)傳入detail頁面, 然后detail頁面的 onload方法內接受.
如果需要傳多個參數(shù), 用 & 鏈接即可
如果要傳 數(shù)組, 字典等復雜類型, 要先用 JSON.stringify() 轉成字符串傳遞.
注 : 如果轉化的字符串中 有"?"這個符號, 則只會傳遞"?"以前的字符串, 這個問題我猜想可能是小程序內部的路由處理 對這個"?"敏感吧
好, 這是第一種 依靠跳轉的url帶參數(shù)傳值
2 . 用getCurrentPages(); 獲取棧中全部頁面的, 然后把數(shù)據(jù)寫入相應頁面
這里可以傳字符串, 也能傳數(shù)組等,
這樣就把 address 傳遞并接受了
注 : 這個方法適合 往后面?zhèn)髦?即已經(jīng)存在的頁面), 這樣才能在棧中找到并主動寫入數(shù)據(jù), 且 一定要在 onshow() 方法中接受, 因為再次返回只執(zhí)行onshow()方法.
3 . 寫入本地, 跨頁面在取出來 wx.setStorage/wx.getStorage等, 小程序中對寫入本地數(shù)據(jù) 封裝了很多方法, 各有側重, 這里就不多說了
4 . 把 數(shù)據(jù)聲明為全局變量
var detail = getApp().detail; 可在任何頁面獲取
二. 頁內傳值
1 . 設置id的方法標識跳轉后傳遞后的參數(shù)
在bindtap定義的點擊方法 swiperTap : function(e) ; 中獲取, var id = e.currentTarget.id;
2 . 設置 data-xxx 的方法來標識要傳遞的值
注 : 這里 data-index="{{index}}" 里的 {{index}} 是有效的, 在用wx-for 渲染視圖層時, index 代表點擊的下標. 在bindtap定義的點擊方法 swiperTap : function(e) ; 中獲取, 即 var index = e.currentTarget.dataset.index; 其他的參數(shù)取出也如此, var type = e.currentTarget.dataset.type;
3 . form表單和input輸入框
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
- 本文主要介紹Google 地圖API Map(),這里對Map()構造器的知識做了一下整理以及提供簡單的代碼示例,開發(fā)Google 地圖應用的朋友可以參考下2016-08-08
-
沒有resolve及reject的Promise是否會造成內存泄露
這篇文章主要為大家介紹了一直沒有resolve及reject的Promise是否會造成內存泄露的問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08 - 這篇文章主要介紹了微信小程序 window_x64環(huán)境搭建的相關資料,需要的朋友可以參考下2016-09-09
- 本文主要介紹Wireshark基本介紹和學習TCP三次握手,這里詳細整理了相關資料，并給出詳細流程，有需要的小伙伴可以參考下2016-08-08
- 這篇文章主要為大家介紹了JS函數(shù)式編程實現(xiàn)XDM示例詳解第2/3篇，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
- 這篇文章主要介紹了微信小程序中用WebStorm使用LESS的相關資料,需要的朋友可以參考下2017-03-03
- 這篇文章主要為大家介紹了項目中常用的 .env 文件原理源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
-
JavaScript?Page?Visibility?API檢測頁面是否可見方法詳解
這篇文章主要為大家介紹了JavaScript?Page?Visibility?API檢測頁面是否可見方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05 - 這篇文章主要介紹了手把手教你從0搭建前端腳手架詳解,腳手架就是在啟動的時候詢問一些簡單的問題，并且通過用戶回答的結果去渲染對應的模板文件,需要的朋友可以參考下2023-03-03
- 這篇文章主要介紹了微信小程序 條件渲染的相關資料,并附簡單實例代碼，需要的朋友可以參考下2016-10-10