Witam serdecznie,
Mam problem z aktualizowaniem tabeli z listą plików - po dodaniu nowego pliku. Całość ma działać bez przeładowania strony.
Mój aktualny kod:
Widok:
https://pastebin.com/QFrBfF74Tabela:
https://pastebin.com/sGQH71XZWszystko działa poprawnie, jednak data-table-user-files nie odświeża mi się po dodaniu pliku :/
Kod do dodawania pliku:
<CModal
title="Dodaj plik"
color="info"
:show.sync="filesModal"
size="xl"
:closeOnBackdrop=true
:centered="true"
>
<div class="row justify-content-center"> <div class="card-header">Dodaj plik w formacie: jpg, jpeg, png, bmp, pdf, xml, csv, doc, docx,
txt, rtf
<CRow>
<CCol md="12">
<CSelect id="dispatcher_id"
label="Wybierz kategorię pliku"
v-model.trim="$v.form.file_category.$model"
:options="filesCategory"
>
</CSelect>
</CCol>
<CCol md="12">
<CTextarea
label="Opis pliku"
placeholder="Wpisz opis dodawanego pliku"
rows="9"
v-model.trim="$v.form.file_content.$model"
/>
</CCol>
</CRow>
<form enctype="multipart/form-data" @submit="formFileSubmit"> <input type="file" class="form-control" v-on:change="onFileChange" name="file_name" ref="inputFile"> <button class="btn btn-primary btn-block">Dodaj plik
</button> </CModal>
```
Odświeżenie powinno nastąpić do wyświetleniu komunikatu "Sukces Plik dodany poprawnie!":
```js
<data-table-user-files
:fetch-url="datatTableUrl5"
:columns="['id', 'description', 'file_category','user_id' ]"
:headers="{'id': 'ID','description': 'Opis','file_category': 'Kategoria','user_id': 'Twórca'}"
:routeName="routeAddName5"
></data-table-user-files>
Próbowałem to zrobić za pomocą funkcji:
getFilesList()
{
let self = this;
axios.get(this.$apiAdress + '/api/tasks-file-list?token=' + localStorage.getItem("api_token") + '&taskId=' + self.form.taskId)
.then(function (response) {
self.addedFiles = [];
self.addedFiles = response.data
}).catch(function (error) {
console.log(error);
self.$router.push({path: '/login'});
});
},
Jednak nie pomogło

Wie ktoś może jak to zrobić?