Answers for "v-model input type file"

v-model input type file

<!-- It is impossible using v-model when you are talking about inputs 
	type="file"
-->

<input-container-component id="inputImagem" titulo="Imagem" id-help="imagemHelp" texto-ajuda="Selecione uma Imagem do tipo PNG">
    <input type="file" 
           class="form-control-file" 
           id="inputImagem" 
           aria-describedby="imagemHelp"
           placeholder="Selecione uma Imagem (PNG)" 
           @change="carregarImagem($event)">
</input-container-component>
 
<script>
    export default {
        data(){
            return {
                nomeMarca: '',
                arquivoImagem: [] // inputs do tipo file são um array de objetos
            }
        },
        methods: {
            carregarImagem(e){
                this.arquivoImagem = e.target.files
                console.log(this.arquivoImagem)
            }
        },
    }
</script>