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.
Utilizando refs en un componente usando Options API - Tutorial de Vue.js
Del curso: Vue.js esencial
Utilizando refs en un componente usando Options API
Cuando estamos trabajando en una aplicación de Vue, podemos utilizar los refs para obtener referencia a elementos individuales dentro del template. En este ejemplo, te voy a mostrar dónde yo he utilizado un ref. Esta aplicación de Vue maneja una lista de tiquetes de soporte. A la hora de hacer clic en alguno de los botones de Ver de un tiquete, se abre un formulario con la información del tiquete. Puedes notar que el primer campo de texto recibe el focus. Esta es una buena práctica de accesibilidad. Para poder yo agregar el focus a este input, yo he utilizado un ref. Te voy a mostrar el código de cómo lo he hecho. Ya aquí me encuentro dentro del código del componente del formulario. Puedes ver que este input tiene un ref. Este ref se llama inputNombre. Yo utilizo este nombre para poder acceder a este elemento dentro del código del componente. Si nos dirigimos más abajo, puedes notar que yo tengo un hook en el evento de mounted. Significa que cuando este formulario se despliegue en…
Contenido
-
-
-
-
-
(Bloqueado)
El objeto data en Options API en Vue.js3 min 48 s
-
(Bloqueado)
Agregando métodos en un componente usando Options API2 min 29 s
-
(Bloqueado)
Propiedades computadas en un componente usando Options API4 min 16 s
-
(Bloqueado)
Agregando watchers en un componente usando Options API5 min 9 s
-
(Bloqueado)
Declarando props en un componente usando Options API3 min 15 s
-
(Bloqueado)
Utilizando refs en un componente usando Options API2 min 14 s
-
(Bloqueado)
Métodos de ciclo de vida de componente usando Options API2 min 15 s
-
(Bloqueado)
-
-
-
-
-