我有一个v-data-table的问题,它似乎无法更新数据表中元素的总数(分页):
this.$http.post('Ajax/get_rows',
{
search:self.search,
rows_per_page:self.pagination.rowsPerPage,
current_page:self.pagination.page
})
.then(function(response)
{
self.files = response.data.files.data;
self.pagination.totalItems = response.data.files.total;
self.total = response.data.files.total;
console.log(self.pagination);
console.log(response.data.files.total);
console.log(response.data.files);
},
function(error)
{
self.dialog_header = error.body.header;
self.dialog_message = error.body.message;
self.display_dialog = true;
})
.then(function ()
{
});
HTML:
<v-data-table :headers="file_headers" :items="files"
:search="search" class="elevation-1"
:custom-sort="dateSort"
:total-items="total"
rows-per-page-text="Rows per page"
:pagination.sync="pagination">
在对象声明中,totalt设置为0。
服务器的响应显示:
current_page: 1
from: 1
last_page: 155
per_page: 25
prev_page_url: null
to: 25
total: 3870
因此总数似乎是正确的,但不会在v-data-table中得到更新。它只显示一个“-”符号。
分页对象似乎设置正确:
descending: false
page: 1
rowsPerPage: 5
sortBy: "date"
totalItems: 3870
可能是什么问题?
感谢您的帮助!
答案 0 :(得分:0)
因此,似乎删除:search="search"
可以解决此问题。
https://github.com/vuetifyjs/vuetify/issues/3978