在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
}
}
...