从vuex检索数据表的状态时,分页不更新

时间:2019-07-31 13:19:53

标签: vue.js vuex vuetify.js

在vue 3.9.3,vuetify 2.0,vuex中 我有一个v-data-table,我将选项(页面,sortBy,...)保存在商店中

如果在store.options中将页面设置为n,则将获取数据并转到第n页,但是即使显示了第3页,分页仍保持在第1页

如何更新分页?

data() {
  return {
    ...
    options: {}
    ...
  }
},
created() {
  // this.$store.state.options : {"page":2,"itemsPerPage":10,"sortBy":['name'],"sortDesc":[],"groupBy":[],"groupDesc":[],"mustSort":false,"multiSort":false}
  this.options = this.$store.state.options
  this.dataGet()
},
methods: {
  dataGet() {
    this.$store.commit('optionsSave', { options: this.options })

    axios.get(...)
     .then(function (r) {
       ...
     }
  },
  watch: {
    options: {
      handler() {
        this.dataGet()
      },
      deep: true
    }
  }

  ...

0 个答案:

没有答案