更新记录

1.0.0（2020-06-29） 下载此版本

发布

平台兼容性

swipe-action 滑动操作

觉得不错，给个5星好评吧

QQ交流群(607391225)	微信交流群（加我好友备注"进群"）
QQ群号：607391225	微信号：zhou0612wei

点击跳转-本插件示例

点击跳转-5年的web前端开源的uni-app快速开发模板-下载看文档

使用时不懂的请看上面链接的插件示例

示例代码

<template>
    <view>
        <swipe-action :options="options" :show="show"><view class="swipe_action">滑动</view></swipe-action>
        <swipe-action :options="options" disabled><view class="swipe_action">禁止滑动</view></swipe-action>
        <view v-for="(item, index) of 3" :key="index" class="swipe_action_list">
            <swipe-action :options="options3" :index="index" @button="onButton">
                <view class="swipe_action">滑动列表{{ index + 1 }}</view>
            </swipe-action>
        </view>
    </view>
</template>
<script>
import swipeAction from '@/components/zhouWei-swipeAction';
export default {
    components: {
        swipeAction
    },
    data() {
        return {
            options: [
                {
                    text: '删除',
                    style: {
                        backgroundColor: '#dd524d'
                    }
                },
                {
                    text: '取消',
                    style: {
                        backgroundColor: '#007aff'
                    }
                }
            ],
            show: true
        };
    },
    methods: {
        onButton(e) {
            uni.showToast({
                title: '您点击了滑动列表' + (e.index + 1) + '的第' + (e.buttonIndex + 1) + '个按钮，按钮为‘' + e.content.text + '’',
                icon: 'none'
            });
        }
    },
}
</script>

使用说明

options参数说明

事件

按钮左滑按钮点击事件返回值
{
    content: "点击按钮的options参数",
    index: "循环的时候的索引值",
    buttonIndex: "点击按钮的索引值"
}