1. 程式人生 > >微信小程式自定義屬性設定和獲取(data-)

微信小程式自定義屬性設定和獲取(data-)

自定義屬性語法以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就是你自定義屬性的集合,很好理解。