二次封装select

对于记录二次封装select的问题，你可以参考引用中的文章目录，其中有关于单选、多选select分页（支持搜索）的内容，这些内容可以帮助你进行二次封装select的记录。此外，你还可以参考引用中关于使用elementUI Select选择器和Pagination分页组件进行性能优化处理的内容，这也可以作为你记录二次封装select的参考。希望这些内容对你有帮助。

文章目录:
一、单选、多选select分页（支持搜索）
二、selectTree 支持单选和多选
三、element table表格勾选联动(带搜索)

引用:由于项目中有时一个select的候选项会一次性返回很多数据，比如我的就有上万条。一次性都渲染会造成页面直接卡死。本篇笔记就记录一下如何使用 elmentUI Select 选择器 和Pagination 分页组件进行性能优化处理。 你也可以对次进行改编成模板…
简单说明：
1. 支持搜索记忆功能，在搜索中途关闭选项卡时，会显示上次已选的正确选项。当input中有正确的值时会自动跳转到对应的分页
2. 如果你对此封装成了自己的组件，在子向传父组件传递候选项数据时，需要同时对options和options1进行赋值且他们的值应保持一致。

引用: 文章目录
前言
一、单选、多选select分页（支持搜索）
二、selectTree 支持单选和多选
三、element table表格勾选联动(带搜索)

引用中的简单说明：
1. 常用属性配置(调用示例)
* <tree-select :height="400" // 下拉框中树形高度
:width="200" // 下拉框中树形宽度 不填写自适应el-select input框大小
size="small" // 输入框的尺寸: medium/small/mini
:data="data" // 树结构的数据或者普通包含主键，父主键的普通集合
:obj="{}" // 可自定义字段，字段映射见最下面
multiple // 多选
:default-keys="..." // 默认值：单选可传入数字，字符串，对象；多选传入【数字|字符|对象】数组，其他非法
clearable // 可清空选择
collapseTags // 多选时将选中值按文字的形式展示
expand-click-node // 点击节点自动展开。多选有效
check-click-node // 是否点击节点是选中 多选生效
checkStrictly // 多选时，严格遵循父子不互相关联 效果参考elementui
对应属性效果
@getValue="父组件获取值方法"> // 事件有两个参数：第一个是所有选中的节点ID，第二个是所有选中的节点数据
</tree-select>
:obj 字段映射如下，值填写你实际字段，可拓展字段。最终返回主键以及选择对象【全部字段】
id:'id',//可改成自己对应主键【改值】
label: 'label',// 显示名称
children: 'children', //子级字段名
path:'path',//路径
content:'content',