更新记录

1.0.1（2021-06-08）

修复了个小bug

1.0.0（2021-06-05）

需要的话拿走

平台兼容性

ss-selectList

使用说明

***导入到项目中 导入后右键安装下依赖 uni-icons

">            <template v-slot:default="item">
                <view class="itemview">
                    <text>{{ item.rowItem.name }}</text>
                </view>
            </template>
        </ss-selectList>
        <button type="primary" @click="editState()">编辑状态</button>
        <button type="primary" @click="selectAll()">全选/反选</button>

参数说明

事件说明

示例

<template>
    <view class="">
        <ss-selectList :isEdit="ssEdit" ref="ssList" :dataArr="arr" style="background-color: #FFFFFF;" @change="sschange">
            <template v-slot:default="item">
                <view class="itemview">
                    <text>{{ item.rowItem.name }}</text>
                </view>
            </template>
        </ss-selectList>
        <button type="primary" @click="editState()">编辑状态</button>
        <button type="primary" @click="selectAll()">全选/反选</button>
    </view>
</template>

<script>
export default {
    data() {
        return {
            ssEdit:true,
            arr: [
                {
                    name: '这里的内容自定义',
                    num: 2,
                    price: 1,
                    id: 0
                },
                {
                    name: '这里的内容自定义',
                    num: 3,
                    price: 1,
                    id: 1
                },
                {
                    name: '这里的内容自定义',
                    num: 1,
                    price: 1,
                    id: 2
                }
            ]
        };
    },

    methods: {
        editState: function() {
            this.ssEdit=!this.ssEdit
        },
        selectAll: function() {
            this.$refs.ssList.allSelectVoid();
        },
        deleteSelect: function() {
            this.$refs.ssList.deleteVoid();
        },
        sschange: function(e) {
            console.log('数据变动', e);
        }
    }
};
</script>

<style>
page {
    background-color: #f8f8f8;
}
.itemview {
    background-color: #ffffff;
}
</style>