handleSelectionChangeUser(val) {//判断选中行数据的变化this.userSelection =val;if(this.newAllArray[this.userFrom.page] ==undefined) {this.newAllArray[this.userFrom.page] =[...val]; }else{this.newAllArray[this.userFrom.page] = [...val] ||[ ...this.newAllArray[this.userFrom.page], ....
<el-table :data="AllCommodityList.slice((currentPage-1)*pagesize,currentPage*pagesize)"border style="width: 100%"> 最主要就是上面标红这一块的处理: AllCommodityList是后台取得数据,currentPage是当前页,初始值0,pagesize当前需要展示的数据,初始值10 slice()方法从已有数组中返回选定的数据 //1、分页...
public Page<User> getUsers(int page, int size) { return userRepository.findAll(PageRequest.of(page, size)); } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 代码讲解: @Service:表示该类是一个服务类。 UserRepository userRepository:注入UserRepository实例。
queryCondition: this.keyword, page: 1, limit: this.pageInfo.limit, } this.$http('/page/user/getList', params, 'POST').then(res => { if (res.data.resultCode === '0000') { this.pageInfo.total = res.data.data.total this.LayerTable = res.data.data.userList this.pageInfo.page =...
@selection-change="handleSelectChange"@select="handleSelect"><el-table-column width="50"type="selection"/><el-table-column type="index"label="序号"width="50"><template scope="scope"><span>{{(pageInfo.pageNo-1)*pageInfo.pageSize+scope.$index+1}}</span></template></el-table-column>...
{ pageSize: this.pageSize } ); allUserListApi(params).then((res) => { console.log("输出参数", res); if (res.data) { if (this.pageNum > 1 && res.data.list.length === 0) { this.pageNum = 1 this.getList() } this.tableData = res.data.list; ...
:page-size="limit" :total="total" layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle" @current-change="pageCurrentChangeHandle" ></el-pagination> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.
return index + this.pageSize * ( this.currentPage - 1 ) + 1 } } 二、el-table el-pagination 分页页数从0开始 项目中的需求:后端返回的接口数据是从第0页开始的,el-pagination 中当前页数默认是从1开始的,也就是点击el-pagination的第1页传递给后端的页数是0,点击第2页传递1,点击第3页传递2 ......
<el-table @row-click="handle" :row-class-name="tableRowClassName" :data="typeList.slice((this.query.pageNum - 1) * this.query.pageSize, this.query.pageNum * this.query.pageSize)"> 分页标签: <el-pagination background :current-page.sync="query.pageNum" :page-size="query.pageSize" ...
:page-size="11" :page-sizes="[10, 20, 30, 40]" layout="total, sizes, prev, pager, next, jumper" :total="total" /> </div> </template> <script> import { listApi } from '@/api/request' export default { data() { return { ...