本文主要是介绍vue中分页数据实现第二页的索引是接着前一个页的索引累加的,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
产品测试的bug发现分页第二页的时候,索引应该是接着第一页的继续累加的,而不是从1开始,正确应该是21开始的,如图所示问题
这个时候想要的是实时翻页修改index值
<el-table-column type="index" :index="indexMethod" :resizable="false" label="序号" width="40"></el-table-column>
对应的方法,由于我一页是显示20条数据的,这个根据需要展示的数据来
//分页索引接着上一页的索引indexMethod(index){return (this.page-1)*20+index+1;},
这样就bug就解决了,如图所示
这篇关于vue中分页数据实现第二页的索引是接着前一个页的索引累加的的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!