¿Puedo llamar al hacer clic cuando después de agregar html en vuejs, uso vue-append?
this.html = '<div id="'+folderData[key].id+'" class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">' + '<a href="#" class="nav-link" style="color:black" data-toggle="tooltip" title="'+textTooltip+'"> '+ '<div class="info-box '+back+'">'+ '<span v-on:click="gofolder('+folderData[key].id+')" class="info-box-icon bg-success '+icon+'"></span>' + '<div v-on:click="gofolder('+folderData[key].id+')" class="info-box-content">' + textName + '</div>' + checkbox + '</div>'+ '</a>' + '</div>' <template> <div v-append.sync="html" class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 pb-filemng-template-body row"> </div> </template>¿Puedes simplemente escuchar el evento @appended ?
<div v-append.sync="html" @appended="onClickHandler" class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 pb-filemng-template-body row"></div>Estoy usando v-for y una matriz para cargar, ¡problema resuelto! En primer lugar, no usaré vue-append y crearé marcos html y usaré v-for para crear una lista de datos de matriz de seguimiento, porque los datos de mi lista cambiarán si hago clic en el botón Ej:
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 pb-filemng-template-body row"> <div :id="item.id" class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" v-for="item in items" :key="item.id"> <a href="#" class="nav-link" style="color:black" data-toggle="tooltip" :title="item.tooltip"> <div class="info-box"> <span @click="gofolder(item.id)" :class="item.icon"></span> <div @click="gofolder(item.id)" class="info-box-content">{{item.textName}}</div> <input v-if="item.checkbox === true" type="checkbox" class="" value=""> </div> </a> </div> </div>específicamente aquí: v-for="item in items" :key="item.id"
después, puedo llamar al evento al hacer clic en los botones y no tener miedo de que tome el valor incorrecto