更新记录
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后当做一般组件使用即可

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 970
赞赏 0
下载 11705858
赞赏 1817
赞赏
京公网安备:11010802035340号