Solucionado
Olá. Gostaria de adicionar focus ao input da classe App.vue.
<input type="search" class="filtro" v-on:input="filtro = $event.target.value" placeholder="filtre pelo título da foto">Penso que poderia adicionar na função 'mounted' do export default, porém não sei como fazer tal.
Agradeço a ajuda!
hoje, com a Alura e o Google Gemini
Bom dia.
Adicione o atributo autofocus na tag. Use e abuse do html5.
Obrigado pela resposta, Flavio. Mas há uma maneira de fazer isso usando o vue?
Tem sim, mas a do HTMl5 ainda é a melhor. Veja um exemplo. Template primeiro:
<input type='text' ref='meucampo'>No componente:
export default{
mounted(){
this.$refs.meucampo.focus();
}
}Através de this.$refs você acessa o elemento pelo nome adicionado em ref.
Sucesso e bom estudo meu aluno!
Era isso mesmo que eu queria saber... Obrigado, professor.