Блог

У меня возникла эта небольшая проблема, и я не знаю, что это такое?

 <div class="add-picture">
   <vs-upload limit="1" action="https://jsonplaceholder.typicode.com/posts/" @on-success="successUpload" />
</div>
  

Я не знаю, что javascript делает для этого.

Сам Vue не имеет возможности загружать файл на ваш сервер. Вы можете передать параметры из Vue в POST-запрос на серверную часть, используя обработчики событий метода и клиент, подобный Axios, но сам Vue просто пересылает данные, в то время как что-то вроде Axios будет отвечать за передачу.

Существуют другие клиенты, которые могут обрабатывать HTTP-запросы и множество компонентов для обработки загрузки файлов, но в качестве примера я выбрал Axios.

Эта статья здесь может быть более полезной.

 <template>
  <vs-upload limit=1 action="https://jsonplaceholder.typicode.com/posts/" @on-success="successUpload" />
</template>

<script>
export default {
  methods:{
    successUpload(){
      console.log('success')
    }
  }
}
</script>
        
  

ограничение принимает число, а не строку. Vue ужасно запутан в этом вопросе, я знаю.
И библиотека Vuesax полна ошибок, к вашему сведению.
https://lusaxweb.github.io/vuesax/components/upload.html#automatic