van-swipe-cell

van-swipe-cell是一个基于Vue.js的移动端滑动单元格组件，用于实现左右滑动时显示操作按钮的效果。它可以在列表中的每个单元格上使用，提供了左滑和右滑两种操作按钮的功能。\[1\]\[2\]

根据引用\[1\]和引用\[2\]的代码示例，可以看出van-swipe-cell组件包含了一个左侧的选择按钮和一个右侧的删除按钮。在使用时，可以通过设置right-width和left-width属性来定义按钮的宽度。同时，可以通过绑定close事件来监听组件关闭的操作。

然而，有时候可能会出现touchmove事件和滚动操作冲突的问题，导致组件无法正常关闭。为了解决这个问题，可以在组件的父级view上添加style="touch-action:none;"属性，禁用触摸滚动操作。这样可以确保在点击空白处时能够正确关闭全部SwipeCell组件。\[3\]
#### 引用[.reference_title]
- *1* [Vant-weapp滑动单元格SwipeCell右滑无样式](https://blog.csdn.net/Dilemma_me/article/details/106011943)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vant Weapp SwipeCell滑动单元格组件的使用](https://blog.csdn.net/pannikin/article/details/118526160)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]