1.有时候我们点击按钮后返回的信息是这样的,显示dataset为空,无法获取到真实值:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1a8b788541d5cbad4d1d26ca96c0a8d5.png)
这个时候我们要修改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>
这个字段必须是物品在数据库中有的字段:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/56e843c912d8050b58158d6d0c69e51f.png)
之后再次进行点击测试:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d16578efbc11c7adf1fb0839ffd01fd3.png)
这样就显示出来了!
2.之后就可以根据返回的值去数据库中寻找并删除该订单了:
deletemyorder: function(e) {
var num=e.currentTarget.dataset.num
console.log(e.currentTarget.dataset.num)
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("数据删除成功")
})
},