### 基本用法向`data-source`属性中传入`Array`格式的数组，每个`Item`为这样格式的对象`{ text: string, value: any, disabled: boolean, ... }`。 ``` vue ``` ### 添加头部使用`show-head`属性可以添加头部，使用`source-title`和`target-title`属性修改列表标题。 ``` vue ``` ### 添加 loading 异步加载时，可以用`loading`属性设置加载态。 ``` vue ``` ### 指定选项字段名如果你的数据中选项文本和值的字段不一定叫`'text'`和`'value'`，可以通过`text-field`和`value-field`两个属性快速指定。 ``` vue ``` ### 禁用某一项在 item 对象中添加`disabled: true` 可以禁用掉对应选项。 ``` vue ``` ### 自定义内容 ``` vue ``` ### 修改尺寸通过`size`属性设置`normal`、`large`、`huge`、`full`、`auto`几种尺寸，宽高可以自由组合。 ``` vue ``` ### 过滤（搜索）设置`filterable`属性即可开启过滤功能。用于快速查找选项。 ``` vue ``` #### 匹配方式在`match-method`属性中可以配置字符串的匹配方式，常见的有`includes`、`startsWith`、`endsWith`，也可以传一个函数。 ``` vue ``` #### 区分大小写默认不区分大小写，可用`case-sensitive`属性开启。 ``` vue ``` ### 分页与加载更多设置`pageable`或`pageable="pagination"`即可开启分页功能，用`page-size`属性修改分页大小。 ``` vue ``` #### 加载更多设置`pageable="load-more"`可开启手动点击加载更多功能，设置`pageable="auto-more"`可开启滚动自动加载更多功能。 ``` vue ``` ### 综合示例下面是一个使用了修改尺寸、添加头部、过滤（搜索）、分页功能的综合示例。 ``` vue ```