Vue + элемент popover не может изменить текущую страницу - PullRequest
Новая
       11

Vue + элемент popover не может изменить текущую страницу

0 голосов
/ 05 сентября 2018

когда я скрываю 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 CODE: 

popoverHide: function () {
  this.insidePage = 1;
  this.inner_table_data = '';
}

Демо-ссылка здесь: https://jsfiddle.net/npfL4e7h/10/

Измените номер страницы в нумерации страниц, скройте и откройте его снова, данные - это данные первой страницы, а номер страницы - это номер, прежде чем скрывать всплывающее окно. Добавление: текущая страница, похоже, не помогает.

1 Ответ

0 голосов
/ 05 сентября 2018

Вам необходимо добавить свойство current-page к нумерации страниц. 

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

...