[element-ui]el-dialog弹窗table表格多选并标记数据联动

 系列文章目录

第一篇【element-ui】table表格底部合计自定义配置

第二篇  element-ui时间选择器（DatePicker ）数据回显

目录

 事件触发

 组件导入

 数据联动方法

 el-dialog表格弹窗

---

前言：

需求：element-ui 点击增加客户，需要一个弹窗，弹窗里面是列表，并且支持多选及数据联动，新增删除数据，后台返回数据然后回显到前台展示。

效果：

多选选中后 

 需要用到的模块 dialog对话框 table

el-dialog是什么？

Dialog 对话框

在保留当前页面状态的情况下，告知用户并承载相关操作。 Dialog 对话框

Table 表格

用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作

 事件触发

      <el-form-item style="margin-top: 80px;">
                        <el-button type="primary" icon="el-icon-plus" :disabled="!dataForm.user_id" @click="addCustomPerson">增加客户el-button>
                    el-form-item>