IT小书童 - 为程序员提供优质教程和文档

Ant Design Vue Slider 滑动输入条,使用场景通常用在一定值范围为内类型，比如加载进度条，该组件不算是一个高频使用的组件。

vue-multiselect提供了多达11个插槽可以对各个功能进行自定义。

vue-multiselect事件列表,Input、Select、Remove、SearchChange、Tag、Open、Close事件。

css block布局省略号通常需要满足固定高和固定宽才能实现省略号，本章节将演示如何实现css flex 1 省略号。

Action dispatcher事件分发器

Option groups将下拉选项进行分门别类方便用户更好的选择，通过group-label, group-values and group-select等属性来实现。

vue-multiselect 自定义下拉选项模板，比如下拉选择国家时下拉选项中显示国旗，下拉选择用户时显示用户的头像。

当所有的下拉选项都没有用户需要的数据时，用户可以在输入框中输入自己的内容，回车后会把用户输入的内容自动添加下拉选项中，这也是实际中经常遇到的一直业务场景。

vue-multiselect 多选代码例子，开启multiple和close-on-select属性即可实现多选下拉框。

vue-multiselect 服务器端ajax搜索(Asynchronous select),用户输入关键词通过ajax异步返回下拉选项。

vue-multiselect默认情况下searchable属性设置为true，所以默认情况就是支持客户端搜索筛选的，筛选条件基于label属性进行比对，当然你也可以自定义比对的属性字段。

vue-multiselect 单选代码例子，最简单的使用方式。

Ant Design Vue Select 属性和事件列表，将列举如何使用Select的属性和事件。

本章节将演示Ant Design Vue Select客户端搜索和服务器端搜索，客户端搜索即网页端对下拉选项进行筛选，服务器端搜索即将关键词发往服务器返回并显示下拉结果。

Ant Design Vue Select 分组用法，当选择项比较多时我们可以对下拉选项进行分组，这样用户可以更清晰的选择选项。

Ant Design Vue Select 下拉框多选对多个值进行选择非常简单。

Ant Design Vue Select 下拉框联动组件，虽然该功能可以实现，但是建议用Cascader级联组件更方便和美观。

Ant Design Vue Rate 评分组件可以使用在对服务评分打分，本文列出了常用的属性及用法。

ITXST.COM 为程序员提供优质教程和文档