Vue-remove-simple NPM

基于vue开箱即用的全局左滑删除（包含长按事件）的回调
下图gif可能有卡顿，图片原地址

+路过来个star鼓励下

npm.io

使用方法

首先在项目中安装：npm install vue-remove-simple -S
//main.js
import Remove from 'vue-remove-simple'
Vue.use(Remove)

<template>
    <remove @longpress="longpress(0)" @callback="callback(0)">
        <div style="height:50px;line-height:50px;border-bottom:1px solid #ccc">
            数据1
        </div>
    </remove>
    <remove @longpress="longpress(1)" :nextBtn="'标记'"  @callback="callback(1)" @nextCallback="nextCallback(obj)">
        <div style="height:50px;line-height:50px;border-bottom:1px solid #ccc">
            数据2
        </div>
    </remove>
</template>
<script>
export default {
    data() {
        return {
            obj:{name:'张三'}
        };
    },
    methods:{
        longpress(num){
            alert("你长按了"+num)
        },
        callback(num){
            alert("你点击了删除"+num)
        },
        nextCallback(obj){
            alert("hello:"+obj.name)
        }
    }
}
</script>

操作按钮的style参数

Prop	Default	Type	Description
btn	删除	`String`	第一个按钮
color	#fff	`String`	删除按钮的颜色
background	red	`String`	删除按钮的背景色
nextBtn	none	`String`	如果需要第二个按钮（比如上图的标记已读），不填写默认不生成第二个按钮
nextColor	#fff	`String`	第二个按钮的颜色
nextBackground	#ccc	`String`	第二个按钮的背景色