zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Dijksrta algorithm
    头一回发博客,来分享个有关C++类型萃取的编写技巧
    读书笔记「Python编程:从入门到实践」_4.操作列表
    读书笔记「Python编程:从入门到实践」_3.列表简介
    读书笔记「Python编程:从入门到实践」_2.变量和简单数据类型
    2017/01/20 学习笔记 关于修改和重打jar包
    2017/01/07 学习笔记 jar包,maven
    常用链接
    使用Dir,遍历文件夹下所有子文件夹及文件
    .NET WEB项目的调试发布相关
  • 原文地址:https://www.cnblogs.com/cyzbeke/p/13454919.html
Copyright © 2011-2022 走看看