当我隐藏popover
并再次打开它时,currentPage
的价值没有改变。
HTML代码:
<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>
JS代码:
popoverHide: function () {
this.insidePage = 1;
this.inner_table_data = '';
}
演示链接在这里:https://jsfiddle.net/npfL4e7h/10/
更改分页中的页码,隐藏它并再次打开,数据是第一页的数据,而页码是隐藏弹出窗口之前的数字。添加:当前页面似乎没有帮助。
您需要将current-page
属性添加到分页。
<el-pagination
@current-change="insideChange"
:page-size="5"
layout="prev, pager, next"
:total="30"
:current-page="insidePage"
>