Vue +元素弹出窗口无法更改当前页面

问题描述 投票:1回答:1

当我隐藏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/

更改分页中的页码,隐藏它并再次打开,数据是第一页的数据,而页码是隐藏弹出窗口之前的数字。添加:当前页面似乎没有帮助。

javascript vue.js pagination element
1个回答
0
投票

您需要将current-page属性添加到分页。

<el-pagination
  @current-change="insideChange"
  :page-size="5"                     
  layout="prev, pager, next"
  :total="30"
  :current-page="insidePage"
>

© www.soinside.com 2019 - 2024. All rights reserved.