gfoa-table-list v0.0.25

table-list

el-table-list组件

Build Setup

# install dependencies
npm install el-table-list --save

For detailed explanation on how things work, consult the docs for vue-loader.

Usage

# in main.js
import ElTableList from 'el-table-list';
Vue.use(ElTableList);
# in <template>
<el-table-list header-color="#409EFF" header-text-color="#ffffff" checkable :button-group="buttonGroup" :labels="labels" url="get/my-data" @switch-change="onSwitchChange($event)">
    <template slot="operation" slot-scope="{ row, $index }">
        <el-tooltip class="item" effect="light" content="detail" placement="top">
            <i class="el-icon-view" @click="detail(row, $index)"></i>
        </el-tooltip>
        <el-tooltip class="item" effect="light" content="delete" placement="top" style="margin-left: 15px">
            <i class="el-icon-delete" @click="del(row,$index)"></i>
        </el-tooltip>
    </template>
</el-table-list>