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，然后才能拿到你真实的数据