更新记录

1.0.0（2020-09-08） 下载此版本

右滑删除事件、点击切换事件

平台兼容性

右滑滑动操作

示例代码

<template>
    <view class="container">
        <view class="">
            <slider-next :list="list" @checkHandler="checkHand" @deleteHandle="deleteClick"></slider-next>
        </view>
    </view>
</template>
<script>
    import sliderNext from "@/components/slider-next/index.vue"
    export default {
        components:{
            sliderNext
        },
        data() {
            return {
                list:[{
                    phone:'19911111111',
                    isCheck: true
                },{
                    phone:'18811111111',
                    isCheck: false
                },{
                    phone:'17711111111',
                    isCheck: false
                }]
            };
        },
        methods:{
            checkHand(index){
                this.list = this.list.map(item=>{
                    return{
                        ...item,
                        isCheck:false
                    }
                })
                this.list[index].isCheck = true
            },
            deleteClick(row){
                console.log(row)
            }
        }
    }
</script>

使用说明

事件