更新记录

1.0.1(2023-08-07) 下载此版本

1.0.1 2023-08-07

修复app无法收起

1.0.0 2023-08-03

树形选择、机构选择、部门选择、递归组件

1.0.0(2023-08-03) 下载此版本

1.0.0(2023-08-03)

机构/部门选择组件


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.5.3 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × ×

适用于组织架构的基础展示

使用

<xtx-treeNode :list="list" @change="treeChange"></xtx-treeNode>

list数据结构

list: [{
    id: '1',
    name: '机构一',
    children: [
        {
            id: '101',
            name: '人事部',
            children: []
        },{
            id: '102',
            name: '总部',
            children: [
                {
                    id: '1021',
                    name: '选项一',
                    children: []
                },{
                    id: '1022',
                    name: '选项二',
                    children: []
                },{
                    id: '1023',
                    name: '选项三',
                    children: []
                }
            ]
        },{
            id: '103',
            name: '后勤部',
            children: []
        }
    ]
},{
    id: '12',
    name: '机构二',
    children: [
        {
            id: '10121',
            name: '选项一',
            children: []
        },{
            id: '10122',
            name: '选项二',
            children: []
        },{
            id: '10123',
            name: '选项三',
            children: []
        }
    ]
},{
    id: '13',
    name: '机构三',
    children: [{
        id: '10131',
        name: '选项一',
        children: []
    },{
        id: '10132',
        name: '选项二',
        children: []
    },{
        id: '10133',
        name: '选项三',
        children: []
    }]
}]

事件说明

事件名 说明 回调
change 点击node节点触发 ({ id: '10131', name: '选项一', children: []})=>{}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问