微信小程序踩坑----組件自定義屬性傳值(dataset)

 在組件裏定義一個屬性data-xx,xx即爲自定義的屬性名,加上要傳入的值。

<block wx:for="{{listData}}" wx:key="{{id}}">
     <view class="td"><text class='edit' bindtap='update' data-userId='{{item.userId}}' data-id='{{item.workRecordId}}' data-name = '{{item.userName}}' >編輯</text></view>
      <view class="td"><text class='delete' bindtap='deleteById' data-id='{{item.workRecordId}}'>刪除</text></view>
  </block>

 

在js裏以e.currentTarget.dataset.xx的方式取出

    var name = new Array();
    var id = new Array();
    var userId = new Array();
    id.push(e.currentTarget.dataset.id)
    name.push(e.currentTarget.dataset.name)
    userId.push(e.currentTarget.dataset.userid)

用這個方法的時候注意data-xx,裏的這個xx,在用dataset.xx調出的時候,xx必須都是小寫。不然會是undefined的狀態。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章