更新记录

1.0.8(2024-10-21) 下载此版本

bug修复

1.0.7(2024-09-25) 下载此版本

支持vue3

1.0.6(2024-09-25) 下载此版本

支持v-model 支持vue3

查看更多

平台兼容性

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

插件介绍

1.支持v-model双向绑定

2.支持vue2 vue3

扫码查看组件示例

文档地址

文档地址

推荐下载使用 ex-ui

推荐下载使用 ex-ui

属性

属性名 类型 默认值 可选值 说明
nodeData Array [] 节点数据(树结构)
props Object label: 'label',value: 'id',children: 'children' 树结构数据的字段映射 key
columnStyle String 'height: 90vh;flex: 1' 每一列的样式
checkOnClickNode Boolean false 点击节点时选中节点(复选框选中)
clickCheckPithNode Boolean false 点击复选框时当前节点是否选中
selectIconColor String #409eff 复选框选中颜色 (仅ex-ui支持)
selectTextStyle Object { 'color': '#409eff', 'font-weight': 'bold' } 每一项选中的文字样式

事件

事件名 说明
change 选项更改事件(可获取半选,全选 id,label)
let halfCheckIds = []; // 记录所有半选id
let halfCheckLabels = []; // 记录所有半选label
let halfChecks = []; // 记录所有半选的item
let checkIds = []; // 记录选中的id
let checkLabels = []; // 记录选中的label
let checks = []; // 所有选中的项
let lastChildIds = []; // 最后一级选中的id
let lastChildLabels = []; // 最后一级选中的label
let lastChilds = []; // 最后一级选中的项

隐私、权限声明

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

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

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

许可协议

MIT协议

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