更新记录

0.0.1(2024-11-25) 下载此版本

0.0.1 第一个版本


平台兼容性

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

简介

做需求经常使用的类目公共筛选组件,抽离出来方便其他项目小伙伴直接导入使用

下载解压导入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)

```

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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