微信小程序解决按钮点击后e.currentTarget.dataset为空的方法-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序解决按钮点击后e.currentTarget.dataset为空的方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.有时候我们点击按钮后返回的信息是这样的，显示dataset为空，无法获取到真实值：

微信小程序e.currenttarget.dataset,微信小程序,微信小程序,javascript,前端

这个时候我们要修改wxml里的页面，在按钮中加入data-属性(全部小写)的字段：

<view class="list">
  <view class="list-item" wx:for="{{order}}" wx:key="id">
    <view class="list-item-l">
      <view class="list-item-t">订单号：{{item.number}}</view>
    </view>
    <view class="list-item-l">
      <view class="list-item-t">地址：{{item.loc}}</view>
    </view>
    <view class="list-item-r">
      <view>
		<!--加入了data-num这个字段，它的值是物品的编号item.number -->
        <button class="button-top-bar-delete" bindtap="deletemyorder" data-num='{{item.number}}' wx:if="{{whichorder}}">删除</button>
      </view>
    </view>
  </view>
</view>

这个字段必须是物品在数据库中有的字段：

微信小程序e.currenttarget.dataset,微信小程序,微信小程序,javascript,前端

之后再次进行点击测试：

微信小程序e.currenttarget.dataset,微信小程序,微信小程序,javascript,前端文章来源地址https://www.toymoban.com/news/detail-583189.html

这样就显示出来了！

2.之后就可以根据返回的值去数据库中寻找并删除该订单了：

    deletemyorder: function(e) {
      var num=e.currentTarget.dataset.num
      console.log(e.currentTarget.dataset.num)
	  
	  //数据库中查找该订单号对应的_id号并删除
      ord.where({
        "number":num
      }).get().then(res=>{
        console.log(res)
        this.setData({
          id:res.data[0]._id
        })
        console.log(this.data.id)
        ord.doc(this.data.id).remove()
        console.log("数据删除成功")
      })
    },