Vue JS Пользовательская функция в Vue Dropzone

Question

Я использую vue-dropzone в цикле v-for. Как передать индекс каждого цикла в качестве параметра в функцию @ vdropzone-complete

это мой код

<vue-dropzone 
      ref="dropzone" 
      id="drop1" 
      :include-styling="false"
      :options="dropOptions" 
       v-on:vdropzone-removed-file="removeThisFile"
       @vdropzone-complete="afterComplete(file, index)">
</vue-dropzone>    

И это моя функция после завершения

afterComplete(file, index) {
  console.log(index);
  console.log(file);
}

Я не могу передать файл в качестве параметра функции afterComplete

Answer 1

Вы можете получить доступ к индексу в цикле for,

<div 
  v-for="{dropzone, index} in dropzones
  :key="index"
>
  <vue-dropzone 
    ref="dropzone" 
    id="drop1" 
    :include-styling="false"
    :options="dropOptions" 
    v-on:vdropzone-removed-file="removeThisFile"
    @vdropzone-complete="afterComplete(file, index)">
  </vue-dropzone>
</div>

Относительно документ