微信小程式自定義屬性設定和獲取(data-)
阿新 • • 發佈:2018-11-20
自定義屬性語法以data-開頭:
<block wx:for='{{post_key}}' wx:key="key" wx:for-item='item'>
<view catchtap='onPostTap' data-postid="{{item.postId}}">
<template is='postItem' data='{{...item}}' />
</view>
</block>
無論你這樣寫data-postid="{{item.postId}}"還是這樣寫data-POSTID="{{item.postId}}"
onPostTap(event){
let postId=event.currentTarget.dataset.postid;
console.log(postId);
},
無論你大小寫,都轉換為小寫,所以拿的時候直接寫postid,我剛開始設定和獲取寫的都是postId,結果輸出undefined,之後檢查了元素,全部給我這個data-後面的名字轉換為小寫了,這裡記錄一下細節。
有一種就是data-post-name-id這種獲取的時候會自動去掉連字元:postNameId,以駝峰方式去獲取。
其實currentTarget是你當前點選的物件,dataset就是你自定義屬性的集合,很好理解。