1.有時候我們點擊按鈕后返回的信息是這樣的,顯示dataset為空,無法獲取到真實值:
這個時候我們要修改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>
這個字段必須是物品在數(shù)據(jù)庫中有的字段:
文章來源:http://www.zghlxwxcb.cn/news/detail-583189.html
之后再次進行點擊測試:
文章來源地址http://www.zghlxwxcb.cn/news/detail-583189.html
這樣就顯示出來了!
2.之后就可以根據(jù)返回的值去數(shù)據(jù)庫中尋找并刪除該訂單了:
deletemyorder: function(e) {
var num=e.currentTarget.dataset.num
console.log(e.currentTarget.dataset.num)
//數(shù)據(jù)庫中查找該訂單號對應的_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("數(shù)據(jù)刪除成功")
})
},
到了這里,關(guān)于微信小程序 解決按鈕點擊后e.currentTarget.dataset為空的方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!