Uniapp滑动点击删除

您可以通过在 `uni-swipe-cell` 组件的 `@click` 事件中调用删除方法来实现滑动点击删除的功能。

具体步骤如下：

1. 在页面中使用 `uni-list` 和 `uni-swipe-cell` 组件来展示数据列表，例如：

   <template>
     <view>
       <uni-list>
         <uni-swipe-cell
           v-for="(item, index) in dataList"
           :key="item.id"
           :right-width="60"
           @click="handleClick(item)"
         >
           <view slot="left">左侧按钮</view>
           <view slot="content">{{ item.content }}</view>
           <view slot="right">右侧按钮</view>
         </uni-swipe-cell>
       </uni-list>
     </view>
   </template>
   
   <script>
   export default {
     data() {
       return {
         dataList: [
           { id: 1, content: '第一条数据' },
           { id: 2, content: '第二条数据' },
           { id: 3, content: '第三条数据' }
         ]
       }
     },
     methods: {
       handleClick(item) {
         // 在这里调用删除方法，例如：
         this.deleteItem(item.id)
       },
       deleteItem(id) {
         // 在这里书写删除逻辑，例如：
         this.dataList = this.dataList.filter(item => item.id !== id)
       }
     }
   }
   </script>

2. 在 `handleClick` 方法中调用删除方法 `deleteItem`，并将要删除的数据的唯一标识符作为参数传递给 `deleteItem` 方法。

3. 在 `deleteItem` 方法中编写删除逻辑，例如使用 `filter` 方法过滤掉要删除的数据，并更新数据列表。

这样，当用户在列表项上滑动并点击删除按钮时，就会触发 `handleClick` 方法并调用 `deleteItem` 方法来删除对应的数据。