微信小程序踩坑----组件自定义属性传值(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的状态。

经验分享 程序员 微信小程序 职场和发展