Quiero obtener los elementos secundarios del componente principal.
<div v-on:click.stop.prevent="onClickTemplateHandler"> <div> <h3 style="">Title</h3> <p>{{ lorem }}</p> </div> </div> ... onClickTemplateHandler(e) { console.log(e) const innerHTML = e.target.innerHTML if (innerHTML) { this.value += innerHTML } } He intentado usar .self , pero todavía quiero que se pueda hacer clic en el interior del div
Pero, cuando hago clic en el interior del div, obtengo al niño como objetivo en lugar del padre.
¿Alguna sugerencia para este?
¡Gracias!
Hice alguna solución
<div> <div class="overlay" v-on:click.stop.prevent="onClickTemplateHandler"></div> <div> <h3 style="padding: 10px;text-align: center;">Header</h3> </div> </div> ... onClickTemplateHandler(e) { const innerHTML = e.target.nextElementSibling.innerHTML if (innerHTML) { this.value += innerHTML } } ... .overlay { position: absolute; width: 100%; height: 100%; left: 0px; z-index: 2; top: 0px; cursor: pointer; }