子组件表格dialog封装结构如图:
<el-dialog :title="propsSelectData.title"
:visible.sync="propsSelectData.visibleMultiSelectDialog"
width="40%"
:showClose="false"
:modal='false'
:close-on-click-modal ='false'
>
<!--propsSelectData.totalData 来自父组件的数据源-->
<el-table
ref="multipleTable"
:data="propsSelectData.totalData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"></el-table-column>
<!--这里是关键,封装成组件,其实就是每个引入该组件的组件,一定要封装好,然后传入表头和表
头对应数据的字段,然后根据总表格数据一一自动匹配显示,
propsSelectData.multiSelectDialogTestData