van-swipe-cell删除

`van-swipe-cell` 是 Vue 组件库 Vant 中的一个功能组件，用于实现列表项的滑动删除操作。它提供了一种简单的界面，用户可以通过向左或向右滑动特定单元格来进行查看或者删除操作。

在 Vant 的SwipeCell组件中，要删除单元格，通常需要以下几个步骤：

1. 首先，在模板中包含 `van-swipe-cell` 组件，并绑定数据到其 `v-model` 或者传递一个数据对象作为 prop。

<van-swipe-cell v-model="cellToDelete" @delete="handleDelete"></van-swipe-cell>

2. 然后，在你的 JavaScript 中，设置 cellToDelete 变量来跟踪待删除的单元格，并编写 handleDelete 方法处理删除操作。

data() {
  return {
    cellToDelete: {
      title: '标题',
      removable: true, // 设置是否允许删除，默认为 true
    },
  };
},
methods: {
  handleDelete(cell) {
    if (cell.removable) { // 检查该单元格是否可以删除
      this.$refs.swipe.delete(cell); // 调用组件的 delete 方法删除元素
      // 在这里添加实际的删除逻辑或通知服务等
    }
  },
}

3. 当用户触发删除手势时，`@delete` 事件会被触发，将对应的单元格传给 handleDelete 函数处理。

注意，要确保在使用这个组件之前已经导入了 Vant 并且已注册组件，例如：

import { SwipeCell } from 'vant';

Vue.component('van-swipe-cell', SwipeCell);