更新记录
1.0(2023-03-02) 下载此版本
多级列表发布
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
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后当做一般组件使用即可