更新记录

1.0.1（2024-04-27）

1.0.0

1.0.0（2024-04-27）

初始化

平台兼容性

使用说明

树形功能配置项模块

placeholder: 提示语 data： 树形数据 multiple： 多选 maxTags： 最多显示 checkAll： 父勾选下面节点也勾选 props：数据配置项 { label: 'label' , value: 'value' , children: 'children' }

使用模板

<wzp-tree :data='data' v-model="value" :multiple="true" :checkAll="true"></wzp-tree>

import { ref } from 'vue'

const value = ref(['1-1'])

const data = [{
        value: '1',
        label: 'Level one 1',
        children: [{
            value: '1-1',
            label: 'Level two 1-1',
            children: [{
                value: '1-1-1',
                label: 'Level three 1-1-1',
            }, ],
        }, ],
    },
    {
        value: '2',
        label: 'Level one 2',
        children: [{
                value: '2-1',
                label: 'Level two 2-1',
                children: [{
                    value: '2-1-1',
                    label: 'Level three 2-1-1',
                }, ],
            },
            {
                value: '2-2',
                label: 'Level two 2-2',
                children: [{
                    value: '2-2-1',
                    label: 'Level three 2-2-1',
                }, ],
            },
        ],
    },
    {
        value: '3',
        label: 'Level one 3',
        children: [{
                value: '3-1',
                label: 'Level two 3-1',
                children: [{
                    value: '3-1-1',
                    label: 'Level three 3-1-1',
                }, ],
            },
            {
                value: '3-2',
                label: 'Level two 3-2',
                children: [{
                    value: '3-2-1',
                    label: 'Level three 3-2-1',
                }, ],
            },
        ],
    }
]