html :
<div class='wrapper'> <div class='custom'> <div class='item'> 1</div> <div class='item'> 2 </div> <div class='item'> 3 </div> </div> <component-vue /> </div>Ver :
methods: { doSomething() { document.querySelector('.custom).innerHTML = /new items } } Mi pregunta es, ¿es esta la única forma de cambiar el div externo? Necesito cambiar items , los nuevos provienen de api. ¿Quizás hay otra manera? Si solo a través de innerHTML , ¿cómo puedo implementar la idea?
Por ejemplo,
<div class="item" v-for="(item, index) in items" :key="index"></div> data() { return { items: [] } }, methods: { doSomething() { // Fetch data from api and load this.items = res.data } }EDITAR
<div class='custom' v-html="dataHtml"></div> data() { return { dataHtml: ` <div>Initial html</div> ` } }, methods: { doSomething() { // Fetch data from api and load this.dataHtml = createHtml(res.data) // Fictional method to parse data and transform to html fe } }