Reto solucionado!!!
- HTML aplicando directiva:
<img p-bind="src:image">
- image en data
data() {
return {
message: "Hola Platzi",
image: "https://www.manejandodatos.es/wp-content/uploads/2018/02/vueJS.png"
};
}
- Recorrer elementos con directiva p-bind ( en
mount()
):
document.querySelectorAll('*[p-bind]').forEach(Element => {
let Atributo = Element.getAttribute('p-bind').split(':')[0];
let Valor = Element.getAttribute('p-bind').split(':')[1];
this.pBind(Element, this.$data, Atributo, Valor)
})
- Método
pBind()
:
pBind(element, origin, attribute, value) {
element.setAttribute(attribute, Reflect.get(origin, value));
}
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?