After hiding the popover and reopening it, it seems that the value of currentPage remains unchanged.
Below is the HTML CODE:
<el-popover
placement="bottom"
trigger="click"
title="网段详情"
@hide="popoverHide">
<el-table :data="inner_table_data.slice((insidePage-1)*5,insidePage*5)" stripe height="100%">
<el-table-column></el-table-column>
</el-table>
<el-pagination
@current-change="insideChange"
:page-size="5"
layout="prev, pager, next"
:total="30">
</el-pagination>
<a href="javascript:;" slot="reference">
<span v-html="scope.row.subnet"></span>
</a>
</el-popover>
Next, here's the JS CODE:
popoverHide: function () {
this.insidePage = 1;
this.inner_table_data = '';
}
If you want to see a demo, click on the following link: https://jsfiddle.net/npfL4e7h/10/
When changing the page number in the pagination, then hiding and reopening the popover, it retrieves data from the first page even though the page number was different before closing. Adding a :current-page attribute didn't resolve the issue.