小程式開發--頁面傳值

這篇文章主要介紹了微信小程式頁面傳值詳解的相關資料,需要的朋友可以參考下

微信小程式頁面傳值詳解

一. 跨頁傳值.

1 . 用navigator標籤傳值或wx.navigator, 例如

這裡將good_id=16 參數傳入detail頁面, 然後detail頁面的onload方法內接受.

如果需要傳多個參數, 用& 連結即可

#如果要傳數組, 字典等複雜型別, 要先用JSON.stringify() 轉成字串傳遞.

#: 如果轉換的字串中有"?"這個符號, 則只會傳遞"?"以前的字串,這個問題我猜想可能是小程式內部的路由處理對這個"?"敏感吧

好, 這是第一種依靠跳轉的url帶參數傳值

# 2 . 用getCurrentPages(); 取得堆疊中全部頁面的, 然後把資料寫入對應頁面

##這裡可以傳字串, 也能傳數組等,

這樣就把address 傳遞並接受了

: 這個方法適合往後面傳值(即已經存在的頁面), 這樣才能在堆疊中找到並主動寫入資料, 且一定要在onshow() 方法中接受, 因為再次返回只執行onshow()方法.

#3 .寫入本地, 跨頁面在取出來wx.setStorage/wx.getStorage等, 小程式中對寫入本地資料封裝了很多方法, 各有側重, 這裡就不多說了

4 . 把資料宣告為全域變數

#var detail = getApp().detail; 可在任何頁面取得

二. 頁內傳值

1 .設定id的方法標識跳轉後傳遞後的參數

#在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; 其他的參數取出也如此,

var type = e.currentTarget.dataset.type;

3 .form表單與input輸入方塊

【相關推薦】

1. 微信小程式完整原始碼下載

2. 外帶：實作類似錨點功能

####3. ###微信小鬧鐘：對話實作#######

以上是小程式開發--頁面傳值的詳細內容。更多資訊請關注PHP中文網其他相關文章！