Я пытаюсь обновить таблицу после добавления одной новой строки. Теперь можно добавить новую строку, но я должен обновить страницу, чтобы увидеть новую. Та же проблема, что и у меня с методом обновления / удаления, но потом я найду способ.
getCustomers() {
let url = `/customers`;
const p = axios
.get(url);
return p.then(response => {
const i = response.data.data;
return i || [];
});
},
addCustomer() {
let newCustomer = {
customer_name: this.customer_name
};
axios
.post("/customers", newCustomer)
.then(response => {
this.items = response.data;
this.$nextTick(() => {
this.$refs.modal.hide();
this.items.customer_name = response.data.customer_name;
});
})
.catch(e => {
console.log(e);
});
}
data() {
return {
items: [],
....
....
}
}
<b-table
show-empty
stacked="md"
:items="getCustomers"
:fields="fields"
:current-page="currentPage"
:per-page="perPage"
:filter="filter"
>
Это работает для обновления
this.$nextTick(() => {
for(let item of this.items){
if(parseInt(item.id) === parseInt(id)) {
item.customer_name = response.data.customer_name;
this.resetModal();
}
}
});