后台管理的表格封装,高效搬砖!
直接可以拿来用,或者是自己可以改改,绝对适用大部分后台的表格,再次做个记录,也方便自己以后方便随取随用... , el-pagination其中有一个分切切换,就是简单封装一下引入就行了
HTML部分
<template>
<div class="base-table" v-loading="$attrs.loading">
<el-table
ref="baseTable"
:data="$attrs.data"
:stripe="$attrs.stripe !== false"
style="width: 100%"
tooltip-effect="light"
v-bind="$attrs"
v-on="$listeners"
:row-key="rowKey"
>
<el-table-column
v-if="showSelection || $attrs.selection"
label="选择"
type="selection"
width="55"
:reserve-selection="true"
:selectable="selectable"
/>
<el-table-column
v-if="showIndex"
:fixed="indexFixed"
:index="indexMethod"
:label="indexLabel"
:type="type"
:width="indexWidth"
/>
<el-table-column
v-for="(item, idx) in tableConf"
:key="idx"
:fixed="item.fixed || false"
:label="item.label"
:width="item.width || ''"
:min-width="item.minWidth || ''"
:max-width="item.maxWidth || ''"
:align="item.align"
:type="item.type"
:show-overflow-tooltip="
typeof item.showOverflowTooltip === 'undefined'
? true
: