如何让分页的序号延续上一页的序号

最新推荐文章于 2022-06-14 21:46:15 发布

(ಥ_ಥ) ~

最新推荐文章于 2022-06-14 21:46:15 发布

阅读量741

点赞数 1

本文链接：https://blog.csdn.net/m0_58974838/article/details/118885903

版权

Vue 计算属性方法表格序号前端开发

关键词由CSDN通过智能技术生成

利用计算属性实现方法

 <el-table-column type="index" :index="indexMethod" label="序号" width="50" />
 export default {
		data() {
    	return {
    		pageParams: {
        	page: 1, // 第几页(当前页数)
        	pagesize: 2// 每页两条数据
      	},
    	}
    }
 }
   
  //计算属性
   computed: {
     indexMethod() {
       // 当前页数 - 1 * 每页数据条数 + 1
     		returun (this.pageParams.page - 1) * pageParams.pagesize + 1
     }
   }


//如果用函数
methods: {
	indexMethod(index) {
       // 当前页数 - 1 * 每页数据条数 + index + 1    index是索引值(从0开始)
     		returun (this.pageParams.page - 1) * pageParams.pagesize + index + 1
  }
}