En vue, después de cargar la página, JS usará @click para escribir código HTML. En este momento, ¿cómo hacer que @click responda al evento de clic?
Escribe la función de evento de clic directamente en el método de métodos
htmllt;template?v-for="(item,?index)?in?questionnaireList"gt;
lt;div?class="questionnaire-section"?@click="onSection(item.id)"gt;
lt;div?class="title"gt;{{item. título }}lt;/divgt;
lt;/divgt;
lt;/divgt;
lt;/templategt;
jsvar?#app',
data:?{
questionnaireList:?[],?//definir una matriz vacía
currentPage:?// Página actual
},
/Ejecutado automáticamente después de cargar
montado: función(){
var?that?=?this
that.questionnaireData();?//Método de llamada
},
métodos:?{
questionnaireData: function( ) ?{
var?eso?=?esto;
$.ajax({
url:?url? ?"cuestionario",
tipo:?"GET",
$.ajax({
url:?GET",
datos: {
currPage:?that.currentPage
},
éxito: función?(res)?{
res.data.questions.map(función ? (elemento, índice)?{
that.questionnaireList.push(elemento);
});
}
}
});
},
// Evento de clic vinculado
onSection: function?(id)?{
console.log("La identificación correspondiente de la sección en la que está haciendo clic actualmente es: ?")?? p>
});