移动端中，左右滑动事件 左划出现删除按钮 右滑隐藏操作有什么好的方案？

Question

在移动端开发中，需要做到一个操作是，左滑显示删除按钮，右滑动就隐藏删除按钮，不用jQuery，jQuery中可以结合animate动画效果来控制，，，但是用js或者vue中有，请各位大佬什么好的方案来解决这个问题呢？或者用个插件

Answer 1

很多组件库都有相应的组件：
例如vux的swipeout
或者谷歌一下 vue 左滑删除也有很多实现思路

Answer 2

可以结合touchstart 和 touchmove事件。touchstart获取起始的clientX，然后touchmove事件中获取当前clientX。通过两个的差值绝对值大小决定是否判定为滑动，差值正负判定方向。