更新记录

1.0.1（2021-01-09） 下载此版本

• 增加获取当前激活分类方法
• 增加reload方法

1.0.0（2021-01-09） 下载此版本

1.0.0（2021-01-09）

初始化插件

平台兼容性

categories

uni-app仿美团分类组件，可用于商品分类等。

组件使用方式

将 long-categories 复制到 uni-app项目中的 components目录即可

<template>
    <view class="content">
        <view>
            <view class="">
                <view>最多选 {{ max }} 个</view>
                <view>已选 {{ count }} 个</view>
            </view>
            <long-categories
                :list="list"
                :maxSelected="max"
                @change="change"
            >
            </long-categories>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                list: [],
                count: 0,
                max: 10
            }
        },
        onLoad() {
            this.init()
        },
        methods: {
            init () {
                for (let i = 0; i < 10; i++) {
                    let item = {
                        id: `c-${ i }`,
                        name: `分类-${ i }`,
                        children: [],
                        selectedIds: {}
                    }
                    for (let j = 0; j < 10; j++) {
                        item.children.push({
                            id: `item-${ i }-${ j }`,
                            name: `元素${ j }`,
                            disabled: ( j > 2 && j < 5),
                            checked: false
                        })
                    }
                    this.list.push(item)
                }
            },
            change (data) {
                this.count = data.length
                console.log(data)
            }
        }
    }
</script>

list数据结构

children数据结构

属性

事件

方法

使用示例

详细代码 Demo

插件截图

PS：如有问题可联系QQ（1365763165）或者提issure，如果帮到你了还请不要吝啬给个 Star哈