Ant Design Vue Slider 滑动输入条,使用场景通常用在一定值范围为内类型,比如加载进度条,该组件不算是一个高频使用的组件。
vue-multiselect提供了多达11个插槽可以对各个功能进行自定义。
vue-multiselect事件列表,Input、Select、Remove、SearchChange、Tag、Open、Close事件。
vue-multiselect属性列表
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 Rate 属性和事件
Ant Design Vue Select 下拉框联动组件,虽然该功能可以实现,但是建议用Cascader级联组件更方便和美观。
Ant Design Vue Rate 评分组件可以使用在对服务评分打分,本文列出了常用的属性及用法。