van-swipe-cell异步删除

要实现van-swipe-cell的异步删除，可以按照以下步骤操作：

1. 首先，在wxml文件中使用van-swipe-cell组件，并在删除按钮上添加一个点击事件，例如`bind:click="onDelete"`。

2. 在对应的js文件中，定义`onDelete`函数，用于处理删除操作。在该函数中，可以弹出一个确认删除的模态框，以便用户确认是否删除。

3. 当用户点击确认删除后，调用van-swipe-cell组件实例的`close`方法，以关闭滑动单元格。然后再执行具体的删除操作。

下面给出一个实现示例：

// wxml
<van-swipe-cell async-close bind:close="onDelete">
  <!-- 单元格内容 -->
  <view slot="right" class="delete" bind:tap="showConfirm">删除</view>
</van-swipe-cell>

// js
Page({
  onDelete(event) {
    const { position, instance } = event.detail;
    switch (position) {
      case 'right':
        wx.showModal({
          content: '确定要删除吗？',
          success: function (sm) {
            if (sm.confirm) {
              instance.close(); // 关闭滑动单元格
              // 执行具体的删除操作
              // ...
              console.log('删除成功');
            } else if (sm.cancel) {
              console.log('用户点击取消');
            }
          }
        });
        break;
    }
  },
  showConfirm(event) {
    // 显示确认删除的模态框
    // ...
  }
});

在上述示例中，当用户点击删除按钮时，会弹出一个确认删除的模态框。如果用户确认删除，则调用组件实例的`close`方法关闭滑动单元格，并执行具体的删除操作。如果用户取消删除，则不执行任何操作。
这样就实现了van-swipe-cell的异步删除功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [微信小程序中使用VantUI中van-swipe-cell点击其他区域关闭删除](https://blog.csdn.net/qq_17211063/article/details/130676850)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [van-swipe-cell点击删除或者收藏传值执行事件](https://blog.csdn.net/qq_30351747/article/details/120465971)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]