当项目改变时,保持当前页面为vuetify

时间:2018-05-21 05:30:09

标签: vue.js vuejs2 vuetify.js

如何在更改项目时将当前页面保留在vuetify的数据表中。

当前页面为2,将新项目添加到项目如何保持当前页面2

Codepen

1 个答案:

答案 0 :(得分:1)

在将项目添加到数据表之前,您可以保存当前页码并在成功添加项目后重新使用它。

演示:https://codepen.io/jacobgoh101/pen/odmEER?editors=0011

showFullMats (item) {
  // store current page number first
  this.prevPage = this.pagination.page;

  // codes for adding items...

  // reset to page number before adding item
  this.$nextTick().then(()=>{
    this.$set(this.pagination, 'page', this.prevPage);
  });
}