。r-swiper-out-item{位置:相对;&-btns{显示:内联块;位置:绝对;右:0;顶部:0;高度:100%;转换:translateX(100%);}&-btn{背景颜色:红色;颜色:#fff;宽度:100px;文本对齐:居中;}}前言前几天因为项目需要,用jquery写了一个swiperOut组件,然后干脆把这个组件翻译成了基于vue的。感兴趣的朋友可以看看。Github源码(麻烦帮忙下手,麻烦给个star)demo展示效果老规矩,效果先上传,效果不是很好,有什么好用的gif生成软件,可以推荐一下:开始制作DOMStructural结构分析途中,我们可以得出结论,每个节点可以滑动删除的结构包括以下两部分:文本部分,显示我们主要的部分内容滑出(比如删除按钮)