更新记录

1.0(2023-03-02)

多级列表发布


平台兼容性

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

neo-tree-list-item 多级列表、分层列表


多节列表、分层列表

示例

            <block v-for="item in list">
                <neo-tree-list-item :paramData="item" layer="0" @tapTitle="tapTitle"></neo-tree-list-item>
            </block>
            list: [
                {
                    name: '研发部',
                    children: [{
                            name: '研发一部',
                            children: [{
                                    name: '小智'
                                },
                                {
                                    name: '小美'
                                },
                                {
                                    name: '小刚'
                                },
                                {
                                    name: '前端部',
                                    children: [{
                                            name: '小明'
                                        },
                                        {
                                            name: '美工组',
                                            children: [{
                                                name: '美美'
                                            }]
                                        }
                                    ]
                                },
                                {
                                    name: '后端组',
                                    children: [{
                                        name: '小桦'
                                    }]
                                }
                            ]
                        }
                    ],
                },

            ]

props

属性 类型 默认值 说明
paramData Object 当前传入的数据对象
layer Number,String 1 当前层级,建议传0,跟缩进距离有关
title String name 标题接受字段,默认name
children String children 子列表接收字段,默认children

点击方法回调

方法 参数 类型 说明
tapTitle data Object 返回当前点击的对象,仅最后一层对象有效

如何引用

导入Hbuilder后当做一般组件使用即可

隐私、权限声明

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

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

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

许可协议

MIT协议

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