关于el-table+el-input+el-propover的封装

一、先放图片便于理解

需求： 

1、el-input触发focus事件，弹出el-table(当然也可以为其添加搜索功能、分页)

2、el-table中的复选功能转化成单选共能

3、选择或取消的数据在el-input中动态显示

4、勾选数据后，因为分页过多，原先选好的数据容易被埋没，在el-input里手动删除或添加触发input事件，el-table根据原有数据能检索到对应数据

5、若不通过勾选选择信息，手动添加，触发input事件，可一边输入一边检索是否存在所输入的数据

6、选择全部勾选无效

二、封装成组件之后的调用

view部分：

<selectUserInfo ref="selectUser" :inputUserData="form.quauser" @fatherSelect="selectMethod"></selectUserInfo>

 model部分：

  selectMethod(selection) {
//selection参数接收从子组件中传过来的被勾选的用户信息
            let common;
//通过字符串或数组类型来判断是在table页面勾选后回显input数据还是手动输入input数据