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/QFrBfF74
Tabela: https://pastebin.com/sGQH71XZ


Wszystko działa poprawnie, jednak data-table-user-files nie odświeża mi się po dodaniu pliku :/

Kod do dodawania pliku: 

[HTML] pobierz, plaintext 
  1. <div>
  2.             <CModal
  3.               title="Dodaj plik"
  4.               color="info"
  5.               :show.sync="filesModal"
  6.               size="xl"
  7.               :closeOnBackdrop=true
  8.               :centered="true"
  9.             >
  10.               <div class="container">
  11.                 <div class="row justify-content-center">
  12.                   <div class="col-md-8">
  13.                     <div class="card">
  14.                       <div class="card-header">Dodaj plik w formacie: jpg, jpeg, png, bmp, pdf, xml, csv, doc, docx,
  15.                         txt, rtf
  16.                       </div>
  17.                       <div class="card-body">
  18.                         <CRow>
  19.                           <CCol md="12">
  20.                             <CSelect id="dispatcher_id"
  21.                                      label="Wybierz kategorię pliku"
  22.                                      v-model.trim="$v.form.file_category.$model"
  23.                                      :options="filesCategory"
  24.                             >
  25.                             </CSelect>
  26.                           </CCol>
  27.                           <CCol md="12">
  28.                             <CTextarea
  29.                               label="Opis pliku"
  30.                               placeholder="Wpisz opis dodawanego pliku"
  31.                               rows="9"
  32.                               v-model.trim="$v.form.file_content.$model"
  33.                             />
  34.                           </CCol>
  35.                         </CRow>
  36.                         <form enctype="multipart/form-data" @submit="formFileSubmit">
  37.                           <input type="file" class="form-control" v-on:change="onFileChange"  name="file_name" ref="inputFile">
  38.                           <button class="btn btn-primary btn-block">Dodaj plik</button>
  39.                         </form>
  40.                       </div>
  41.                     </div>
  42.                   </div>
  43.                 </div>
  44.               </div>
  45.             </CModal>
  46.           </div>
  47. ```
  48.  
  49.  
  50. Odświeżenie powinno nastąpić do wyświetleniu komunikatu "Sukces Plik dodany poprawnie!": 
  51.  
  52. ```js
  53. <data-table-user-files
  54.                   :fetch-url="datatTableUrl5"
  55.                   :columns="['id', 'description', 'file_category','user_id' ]"
  56.                   :headers="{'id': 'ID','description': 'Opis','file_category': 'Kategoria','user_id': 'Twórca'}"
  57.                   :routeName="routeAddName5"
  58.                 ></data-table-user-files>
[HTML] pobierz, plaintext



Próbowałem to zrobić za pomocą funkcji: 

[HTML] pobierz, plaintext 
  1. getFilesList()
  2.     {
  3.       let self = this;
  4.       axios.get(this.$apiAdress + '/api/tasks-file-list?token=' + localStorage.getItem("api_token") + '&taskId=' + self.form.taskId)
  5.         .then(function (response) {
  6.           self.addedFiles = [];
  7.           self.addedFiles = response.data
  8.         }).catch(function (error) {
  9.         console.log(error);
  10.         self.$router.push({path: '/login'});
  11.       });
  12.     },
[HTML] pobierz, plaintext


Jednak nie pomogło sad.gif

Wie ktoś może jak to zrobić?