element 分页 翻页后怎么得到某一行的数据

Question

表格分页后，翻到第二页后 点击某一行的预览 ，得到的还是一页的对应行的数据，但是翻页的数据列表是对的

表格上的分页
:data="testpage.slice((currentPage-1)pagesize,currentPagepagesize)"

<el-pagination background

@size-change="handleSizeChange" 
@current-change="handleCurrentChange"  
:current-page="currentPage"  
:page-sizes="[5,10,15]"
:page-size="pagesize"   
layout="total,jumper,prev, pager, next,sizes"
:total="testpage.length" >

</el-pagination>

预览按钮
<el-button @click="yulan(scope.$index,scope.row)" >预览</el-button>
//预览
yulan(index,row){

let self=this;            

// this.$message('预览'+(index+1)+'行')

let iData = this.testpage[index];    //得到当前行的数据    
console.log(iData.peo)
console.log(iData)            

},
//分页
///初始页currentPage、初始每页数据数pagesize和数据testpage
handleSizeChange:function(size){

this.pagesize=size;

},
handleCurrentChange:function(currentPage){

this.currentPage=currentPage;

}

Answer 1

你这里的index 还是第一页的index,而你在计算的时候没有将页数计算进去，所以你拿到的仍然是第一页的对应行的数据，比如说你想拿到第二页的某一行的数据，你的index要加上第一页的长度-1，然后才能拿到你真实的数据