小程序模板網(wǎng)

微信小程序取 dataset 值、取其他頁(yè)面?zhèn)鬟^(guò)來(lái)的值

發(fā)布時(shí)間:2018-05-08 11:06 所屬欄目:小程序開(kāi)發(fā)教程

取 dataset 值

<view data-id="{{item.id}}" bindtap="gotoDetails">
</view>

如上,如何在 gotoDetails 程序中處理 data-id 對(duì)應(yīng)的值呢?

gotoDetails: function (e) {
	e.target.dataset.id
}

e.target 確定是哪個(gè)觸發(fā)的,dataset 對(duì)應(yīng) data- 開(kāi)頭的屬性,id 是具體哪一個(gè)屬性。注意:data-xxx,xxx 這里只能小寫,跟 jQuery 一個(gè)毛病。

注意,如果我們有嵌套 view,則如果用戶點(diǎn)擊的是內(nèi)層的 view,則 e.target 就是內(nèi)層的 view(盡管我們 bindtap 是寫在外層 view)中,所以我們應(yīng)該為每一層都寫在 data-id="{{item.id}}"。

取其他頁(yè)面?zhèn)鬟^(guò)來(lái)的值

wx.navigateTo({
  url: '/pages/details/details?id=123'
});

如上,如何在 details 頁(yè)面中,取到 id 值呢?

onLoad: function (options) {
	options.id
}

在 onLoad(注意大小寫)中,從 options 參數(shù)取。如果前一頁(yè)面沒(méi)有傳 id 過(guò)來(lái),這里 options.id 就是undefined。


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://m.u-renovate.com/wxmini/doc/course/24322.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×