[Vuejs]-Vue JS setting image through file uploader on v-model applies empty object

by

0👍

formData object properties are all functions, thus it is rendered in template as an empty object. In order, to display formData content in template you have to call one of its prototype function, and display its results.

<div v-for="item in form.brand_logo.values()">
  {{ item }} 
</div>

As you can see in this codesandbox, after selecting a file, it is displayed in template as well as in console.

Since I’ve simplified a lot your code, and let only the formData stuff, maybe you should create a reproducible example.

Leave a comment