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