ELement ul 组件表格获取渲染数据

 <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="width: 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>
posted @ 2020-08-07 19:53  昵称cart  阅读(514)  评论(0编辑  收藏  举报