Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Obteniendo la referencia de un elemento HTML con Composition API

Obteniendo la referencia de un elemento HTML con Composition API - Tutorial de Vue.js

Del curso: Vue.js esencial

Obteniendo la referencia de un elemento HTML con Composition API

Con el Composition API, yo también puedo utilizar los revs para poder obtener la referencia a un elemento HTML dentro del template. Como en este ejemplo, cuando yo intento abrir algunos los tiquetes de soporte, puedes notar que el puntero se coloca en el primer input del formulario. Para poder hacer esto, yo lo que hice fue obtener la referencia de este input y luego llamar la función focus para colocar el puntero en el input tan pronto el formulario se abre. Dentro del código del componente, puedes notar que yo he declarado un ref que se llama inputNombre. Yo voy a utilizar este ref para obtener la referencia al primer input dentro del formulario. Si yo me dirijo al template, aquí puedes ver que en este input yo estoy declarando un ref y le paso como parámetro el nombre del ref que declaré dentro del código. Ya de esta manera, entonces, yo puedo capturar la referencia a ese input HTML. Y luego, cuando el componente se muestre en la pantalla yo simplemente puedo llamar al value del…

Contenido