Necesito usar el componente v-file-input para cargar el archivo. Pero este componente no es adecuado para el diseño.
Intento hacer lo siguiente. Hice este componente completamente oculto <v-file-input hide-input prepend-icon=""></v-file-input> . También hice un botón, diseño que necesito. Pero no puedo iniciar el componente v-file-input en el método haciendo clic en el botón.
¿Cómo puedo iniciar este componente en el método?
Puede intentar hacer una etiqueta como botón y llamar al método al hacer clic en la etiqueta:
.upload { margin: 2em; } #btn { border: 2px solid #3457D5; border-radius: .5em; padding: 1em; cursor: pointer; } #btn:hover { background: #3457D5; color: white; } <div class="upload"> <input id="up" type="file" style="display: none" /> <label id="btn" for="up">Upload</label> </div>