<view style="display: flex; justify-content: space-between; padding: 10rpx 20rpx 10rpx 20rpx;" wx:for='{{list}}' wx:key='index'> <view style="font-size: 28rpx;" >{{item.totalcaltor}}</view> <view style="font-size: 28rpx;" >{{item.ptcaltor}}</view> <view style="font-size: 28rpx;" >{{item.pdcaltor}}</view> <view style="font-size: 28rpx;" >{{item.rhcaltor}}</view> <view style="font-size: 28rpx;" >{{item.discountcaltor}}%</view> <view style="font-size: 28rpx;" >{{item.totalPrice}}</view> <view style="font-size: 28rpx;" bindtap="operateDelete" data-value="{{item}}"><icon type="clear" size="16" bindtap="operateDelete"/></view> </view>这段代码中的删除按钮bindtap="operateDelete"怎么编写函数?
时间: 2024-03-27 09:36:20 浏览: 14
可以按照以下步骤编写函数:
1. 在Page({})中定义函数operateDelete,使用event.currentTarget.dataset.value获取要删除的数据;
2. 使用Array.filter()方法删除指定的数据,然后更新页面数据;
3. 可以在操作成功后给出提示信息。
示例代码如下:
```
Page({
data: {
list: [
// 初始数据
]
},
operateDelete: function (event) {
let item = event.currentTarget.dataset.value;
let newList = this.data.list.filter(function (listItem) {
return listItem !== item;
});
this.setData({
list: newList
});
wx.showToast({
title: '删除成功',
icon: 'success',
duration: 2000
});
}
})
```
其中,`event.currentTarget.dataset.value`获取了当前点击的删除按钮所绑定的数据,然后使用Array.filter()方法删除该数据,最后使用`this.setData()`更新页面数据。在操作成功后,使用`wx.showToast()`给出删除成功的提示信息。