什么是混合组件,话不多说,请先上图
线上演示地址: andt-components
开发了新的开源组件库, www.npmjs.com/package/adv… ,欢迎大家下载使用,如有问题可以提issues
先解释一下选择器功能
- 主要功能支持 支持单选 和 多选 混合存在
- 当选择单选项时,选择结果是单选项的value
- 当选择多选项时,选择的结果时多选项的数组 (当然,一个多选项也是数组)
- 单选 多选不一定两级分布,也可以中间混合
- 多选选择时,如果是未选中就选中,如果是选中就是取消
- 当多选只有一个时,不能取消(业内也有选中不限)
- 样式处理,选择有选择的样式 (右上角三角)
- 选中与选中之间边框是合并的,不是双边框
- 整个选择器的外边框是有圆角功能的,内部是方角的
- 支持v-model的数据绑定,可以绑定初始值
- 有change事件获取,可以动态感知其变化
抛砖引玉
先说到这,如果想了解实现原理
请在下面留言评论
如果大家不感兴趣
或是你也可以做一个
欢迎发链接来怼我