混合选择器的组件生产过程

627 阅读1分钟

什么是混合组件,话不多说,请先上图

混合组件.gif

线上演示地址: andt-components

开发了新的开源组件库, www.npmjs.com/package/adv… ,欢迎大家下载使用,如有问题可以提issues

先解释一下选择器功能

  • 主要功能支持 支持单选 和 多选 混合存在
  • 当选择单选项时,选择结果是单选项的value
  • 当选择多选项时,选择的结果时多选项的数组 (当然,一个多选项也是数组)
  • 单选 多选不一定两级分布,也可以中间混合
  • 多选选择时,如果是未选中就选中,如果是选中就是取消
  • 当多选只有一个时,不能取消(业内也有选中不限)
  • 样式处理,选择有选择的样式 (右上角三角)
  • 选中与选中之间边框是合并的,不是双边框
  • 整个选择器的外边框是有圆角功能的,内部是方角的
  • 支持v-model的数据绑定,可以绑定初始值
  • 有change事件获取,可以动态感知其变化

抛砖引玉

先说到这,如果想了解实现原理

请在下面留言评论

如果大家不感兴趣

或是你也可以做一个

欢迎发链接来怼我