Yo tengo una gran duda revisando no sé cómo podemos modificar los atributos directamente de un WebComponente por ejemplo. <code>// Gemero...

Jorge Méndez Ortega

Jorge Méndez Ortega

Pregunta
studenthace 3 años

Yo tengo una gran duda revisando no sé cómo podemos modificar los atributos directamente de un WebComponente por ejemplo.

// Gemero la referencia al webcomponent const $WEB_COMPONENT = document.querySelector("poke-card"); // Después genero el cambio de alguna propiedad name por ejemplo $WEB_COMPONENT.setAttribute("name", "nuevo nombre") // esto genera el cambio, pero no lo muestra en el componente

Captura de Pantalla 2022-08-16 a la(s) 3.54.47.png Lo cambia en el webComponent pero nunca internamente comentaban que hay que renderizar de nuevo, pero al hacer eso se duplica el Componente. alguien tiene un ejemplo donde si se genere el cambio de propiedad?

1 respuestas
para escribir tu comentario
    Alejandra Sarahí Monroy Vélazquez

    Alejandra Sarahí Monroy Vélazquez

    studenthace 2 años

    Hola, es como en el curso, hacemos uso de attributeChangedCallback() este se dispara cuando un atributo cambia y está observándose el atributo. Esto se hace mediante el método static get observedAttributes() dentro de la clase - este debería devolver un array que contiene los nombres de los atributos que se deben observar.

Curso Básico de Web Components con JavaScript

Curso Básico de Web Components con JavaScript

Crea una tarjeta de producto para un e-commerce usando JavaScript y Web Components. Haz que sea responsive, dinámica y modificable desde atributos externos. Gana habilidades esenciales para simplificar el desarrollo web con tecnologías estándar.

Curso Básico de Web Components con JavaScript
Curso Básico de Web Components con JavaScript

Curso Básico de Web Components con JavaScript

Crea una tarjeta de producto para un e-commerce usando JavaScript y Web Components. Haz que sea responsive, dinámica y modificable desde atributos externos. Gana habilidades esenciales para simplificar el desarrollo web con tecnologías estándar.