Vue MultiSelect的Kendo UI是一个功能强大的组件，它显示一个预定义的选项列表，可以在用户交互中进行选择。从弹出窗口中选择的每个选项都作为标签出现在组件的输入中。

MultiSelect有广泛的自定义选项:

• 为弹出窗口中的标题元素定义自定义设计
• 为弹出窗口中的页脚元素定义自定义设计
• 使用自定义渲染器设置组件的整体外观样式。

对于弹出窗口比较多的场景，MuliSelect还提供了数据虚拟化功能。

Vue MultiSelect的Kendo UI支持绑定到对象数据集、原始值数组或单值属性。

参见剑道UI的Vue多选择数据和值绑定演示

Vue MultiSelect的剑道UI自带内置的过滤机制，以减少组件下拉菜单中的选择。弹出窗口中的数据可以用不同数量的操作符进行过滤，如“包含”、“开始于”等，涵盖了每个过滤场景的需求。

在MultiSelect中选择的每个值都显示为其输入中的标记。该组件提供了一个选项，用于定制所选标记的显示方式。当组件中应该显示多个标记或表示所有选中选项的单个标记时，可以为这两种情况定义自定义标记。

Vue多选择自定义标签的剑道UI例子

使用MultiSelect，我们可以自定义下拉列表中选项的显示方式。该选项实现了组件支持的其他定制可能性:

• 所选项目的标记的自定义呈现程序
• 弹出窗口的页眉和页脚元素的自定义呈现程序
• 当没有数据绑定到组件时显示的消息的自定义呈现程序。

Vue多选择自定义渲染的剑道UI示例

剑道UI的Vue多选择可以包含数以千计的选项在它的弹出列表。启用虚拟化选项后，许多记录的滚动不会影响组件的平稳工作。

近年来流行起来的浮动标签功能也可以在多重选择中使用。要激活它，您应该做的是设置一个配置属性。其余的工作将由组件完成。

Kendo UI for Vue MultiSelect浮动标签的例子

Vue MultiSelect的Kendo UI带有用于显示无效数据状态的内置样式。该组件还提供了显示自定义验证消息的选项。将多重选择添加到任何HTML表单，并立即享受其所有内置功能。

通过设置不同的用户区域设置，可以很容易地更改内置消息的语言和MultiSelect中的文本方向。

剑道UI为Vue多选择全球化演示

MultiSelect组件的实现遵循wai - aria而且第508节标准。它可以通过屏幕阅读器和其他辅助技术访问。该组件还有一个集成的键盘导航。此导航使用户能够只使用键盘遍历和选择MultiSelect中的项。