<el-container>
<el-header>公司名-Logo</el-header>
<el-container>
<!-- 左侧导航 -->
<el-aside width="150px">Aside</el-aside>
<!-- 右侧内容 -->
<el-main>
<el-table ref="filterTable" :data="tolist" style=" 100%">
<el-table-column label="#" width="40px"></el-table-column>
<el-table-column prop="username" label="姓名"></el-table-column>
<el-table-column prop="email" label="邮箱"></el-table-column>
<el-table-column prop="mobile" label="电话"></el-table-column>
<el-table-column prop="role_name" label="角色"></el-table-column>
<el-table-column prop label="注册时间">
获取到需要的渲染数据
<template slot-scope="scope">{{scope.row.create_time |filtiem}}</template>
</el-table-column>
<el-table-column prop="mg_state" label="状态" width="100" filter-placement="bottom-end">
获取到需要的渲染数据
<template slot-scope="scope"> 黄色为渲染数据名
<el-switch v-model="scope.row.mg_state"></el-switch>
</template>
</el-table-column>
</el-table>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-sizes="[5, 9,]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length"
></el-pagination>
</div>
</el-main>
<!-- -->
</el-container>
</el-container>