vue—element 后台表格展示序号顺序

记录一下 表格序号写法
<el-table :data="tableData" border v-loading="listLoading"> <el-table-column
label="序号" align="center" width="70"> <template slot-scop="scope"><span>{{scope.
$index+(pageNum - 1) * pageSize + 1}}</span></template> </el-table-column> </el-
table>
在data return 中定义
data(){ return { pageNum: '', pageSize: '', } }
在请求数据中回调
this.pageNum = res.data.pageNum, this.pageSize = res.data.pageSize,
如果上面保存 可以用下面的方法

在请求数据中回调里面加一个序号字段
// res.data.pageNum 当前页 // res.data.pageSize 当前页的条数 for(let i = 0; i < res.data
.list.length; i++){ console.log(res.data.list[i]) res.data.list[i].xuhao = i + (
res.data.pageNum - 1) * (res.data.pageSize) + 1 }

• « 上一篇：UG NX二次开发中的组件遍历(C#)
• » 下一篇：【tensorflow学习之路】如何使用gpu进行运算