更新记录
0.0.1(2024-11-25) 下载此版本
0.0.1 第一个版本
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
简介
做需求经常使用的类目公共筛选组件,抽离出来方便其他项目小伙伴直接导入使用
下载解压导入Hbuilderx
提示
因为项目依赖uview 请先导入uview再使用,懒的写基础样式了 。。。
平台兼容性
Android APP | IOS APP | H5 | 小程序 |
---|---|---|---|
√ | √ | √ | √ |
只试过小程序,其他没测试过,理论上应该是一样的
Props
isShow | title | activedColor |
---|---|---|
显示/隐藏状态 默认: false | 显示标题 默认: 下拉选择 | 提交按钮的颜色 |
其他如需要自定义只能修改源代码了
event
cancel | changeCat |
---|---|
关闭事件 | 确认按钮选中目录时间,并且返回当前选择的节点信息 |
代码示例
<CatSelect @changeCat="changeCat" :isShow="isShow" ref="catSelectRef" @cancel="isShow=false"></CatSelect>
```javascript
let mockData = [
{
label: '测试类目1',
level: 1,
value: 'test1',
children: [
{
label: '测试类目2',
level: 2,
value: 'test2',
children: [
{
label: '测试类目3',
level: 3,
value: 'test2',
}
]
}
]
},
{
label: '测试类目4',
level: 1,
value: 'test4',
children: [
{
label: '测试类目5',
level: 5,
value: 'test5'
}
]
}
]
this.isShow = true
// 设置筛选的层级数据
this.$refs.catSelectRef.setSortList(mockData)
```