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=" 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>
原文地址:https://www.cnblogs.com/cyzbeke/p/13454919.html