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

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

微信小程序 解决按钮点击后e.currentTarget.dataset为空的方法_第1张图片

这个时候我们要修改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>
		
        <button class="button-top-bar-delete" bindtap="deletemyorder" data-num='{{item.number}}' wx:if="{{whichorder}}">删除button>
      view>
    view>
  view>
view>

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

微信小程序 解决按钮点击后e.currentTarget.dataset为空的方法_第2张图片

之后再次进行点击测试:

微信小程序 解决按钮点击后e.currentTarget.dataset为空的方法_第3张图片

这样就显示出来了!

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("数据删除成功")
      })
    },

你可能感兴趣的:(微信小程序,微信小程序,javascript,前端)