1. 程式人生 > >微信小程序傳值以及獲取值方法

微信小程序傳值以及獲取值方法

設置 標識 響應 log 取值 item 也有 class 當前

微信小程序傳值以及獲取值方法,傳值有兩種方法,對應也有獲取值得方法,

1、設置id的方法標識跳轉後傳遞的參數值;

2、通過使用data - xxxx 的方法來標識要傳遞的值

微信小程序設置id的方法標識來傳值

在要跳轉的item處,設置一個id並給當前的id賦值上對應的key值,比如一部電影的id(後面帶著id去下一個頁面查詢,詳細信息)如:
技術分享圖片
後我們在js的bindtap的響應事件中獲取,並傳遞到下一個界面中;

獲取到id傳的值

通過e.currentTarget.id;獲取設置的id值,並通過設置全局對象的方式來傳遞數值,

獲取全局對象 var app=getApp(); //設置全局的請求訪問傳遞的參數 app.requestDetailid=id;
技術分享圖片


提示:其實我們也可以在,wxml中查看到我們設置的每一個item的id值
技術分享圖片

通過使用data - xxxx 的方法標識來傳值

通過使用data - xxxx 的方法標識來傳值,xxxx可以自定義取名 比如data-key等等都可以。
技術分享圖片

如何獲取data-xxxx傳遞的值?

在js的bindtap的響應事件中:

通過數據解析一層層找到數據,var id=e.target.dataset.id(根據你的data-id的取名)
技術分享圖片

微信小程序如何跨頁面獲取值?

依據上面的方式設置要傳遞的值,頁面跳轉後,我們就需要在下一個頁面拿到傳遞的數據(這個數據在傳遞前,就已經被設置成全局變量)

在跳轉後的js頁面,接收傳遞過來的數據detail.js

同樣通過全局額方式取值出來,(即和app.js中取某個變量的值是一樣的)

var movieid=getApp().MovieDetailid;
console.log(movieid);
技術分享圖片
到此為止,我們數值傳遞並接收成功,後面就可以根據我們接收的參數,進行進一步的操作了

微信小程序傳值以及獲取值方法