前端-如何自己做一个可视化的人员选择泛用组件

一、展示组件效果

前端-如何自己做一个可视化的人员选择泛用组件_第1张图片

前端-如何自己做一个可视化的人员选择泛用组件_第2张图片

二、组件的功能

1.用户可以在搜索框里输入字符,下方列表实时变动(筛选出包含搜索字符的可选项),如果没有字符,就展示所有的选项

2.用户点击可选项,右侧出现标签

3.用户点击标签的XX,标签会消失,并且左侧改可选项的“选中”状态消失

三、具体实现

代码主要有三部分组成el-input,el-checkbox-group,el-tag



你可能感兴趣的:(vue.js,前端,javascript)