BG Development


  Reply to this topicStart new topicStart Poll

> Dropzone не заражда при ajax
Flash
Публикувано на: 29-09-2017, 10:54
Quote Post



Име:
Група: Потребител
Ранг: Посетител

Мнения: 54
Регистриран на: 14.07.16




Здравейте,

Опитвам се да направя заявка към базата данни и да върна резултати. Проблема е там, че върнатите резултати ги завъртам през v-for и имам прикачени dropzone-та, които не зареждат.

CODE
import Dropzone from 'dropzone'

export default {

 data: function(){
  return {
   dataSet: false,
   items: [],
   dropzoneFile: null,

 }
},

created(){
 
this.fetch();
this.initDropzone();

},


methods: {
 fetch() {
  axios.get(this.url())
  .then(this.refresh);
},

url(){
  return 'get_cases';
},

 refresh({data}){

   this.dataSet = data;
   this.items = data.data;
    Dropzone.discover();
 },


 initDropzone() {
   let token = document.head.querySelector('meta[name="csrf-token"]');

   Dropzone.autoDiscover = false;

   $(".dropzone").each(function (index) {


     new Dropzone($(this).get(0), {


         // OPTIONS
         url: '/upload/' + $(this).attr('id'),
         dictDefaultMessage: "Drop files",
         parallelUploads: 10,
         headers: {
           'X-CSRF-TOKEN': token.content
         },


       });


   });
 }

},


}


CODE
   <tbody>
     <tr v-for="patient in items">
       <th scope="row"></th>
       <td>{{ patient.name }}</td>
       <td>{{ patient.ref_number }}</td>
       <td>{{ patient.invoice_number }}</td>
       <td>{{ patient.accident_date }}</td>
       <td>{{ patient.birth_date }}</td>
       <td>{{ patient.adress }}</td>
       <td>{{ patient.insurance_company }}</td>
       <td><a v-bind:href="'/invoice/' + patient.id">Invoice</a></td>
       <td><a class="a" @click.prevent="delete_case( patient.id )">Delete</a></td>
       <td class="dropzone" :id="patient.id"></td>
       <td><a href="/send">Send</a></td>
     </tr>

   </tbody>
PMEmail Poster
Top
1 потребители преглеждат тази тема в момента (1 гости, 0 анонимни потребители)
Потребители, преглеждащи темата в момента:

Topic Options Reply to this topicStart new topicStart Poll

 


Copyright © 2003-2015 | BG Development | All Rights Reserved
RSS 2.0