el-table组件封装

组件

<template>
  <div class="qzone">
    <slot name="searchBox"></slot>
    <slot name="btnBox"></slot>
    <el-table
      :data="tableData"
      ref="multipleTable"
      style="width: 100%"
      border
      :cell-style="{ 'text-align': 'center' }"
      :header-cell-style="{ 'text-align': 'center' }"
      @selection-change="handleSelectionChange"
      @cell-click="cellClick"
      v-loading="loading"
    >
      <el-table-column type="selection" width="55"> </el-table-column>
      <el-table-column
        label="序号"
        type="index"
        width="60"
        :index="indexMethod"
      >
      </el-table-column>
      <el-table-column
      :prop="titleObj.key"
        :label="titleObj.label"
        :width="titleObj.width"
        :min-width="titleObj.minWidth"
        :align="titleObj.align"
        :formatter="titleObj.formatter"
        v-if="showtitleColumn"
      >
        <template slot-scope="scope">
          <slot name="title" :row="scope.row" :index="scope.$index"></slot>
        </template>
      </el-table-column>
      <el-table-column
        :prop="item.key"
        :label="item.title"
        :width="item.width"
        :align="item.align"
        :min-width="item.minWidth"
        :show-overflow-tooltip="item.tooltip"
        v-for="(item, index) in column"
        :key="index"
        :formatter="item.formatter"
      />
      <el-table-column
        fixed="right"
        label="操作"
        :width="actionWidth"
        align="center"
      >
        <template slot-scope="scope">
          <slot name="action" :row="scope.row" :index="scope.$index"></slot>
        </template>