# 用法
<TabColDisplay :total="total" api-url="hgp/order" api-name="hgpLocalList" :s-param="listQuery" :select-ids="selIds" title="快速开单列表" :table-data="colData" :export-data="list" :date-formate="formateList" :show-col="false" :export-all="true" :upload-able="false" :ref-do="()=>$refs.mainTable.doLayout()" /> <el-table v-if="tableHeight" ref="mainTable" v-loading="listLoading" :data="list" :height="tableHeight" show-summary :summary-method="getSummaries" :cell-style="tableRowStyle" :header-cell-style="tableHeaderStyle" @selection-change="mainTableChange" >
关键配置
colData:导出的对应列字段
全量导出相关参数:total,api-xx,sParam
批量导出:selectIds,exportData(列表数据)
date-formate:传入需要进行格式化的日期字段
ref-do:重排列表避免闪烁,ref字段对应el-table ref
效果:引入到项目任意一个el-table上方相邻位置,无需修改样式,配置参数即可使用
标签:el,批量,导出,列表,勾选,全量,Element,ref From: https://www.cnblogs.com/liangtang/p/18123639