Quiero obtener un número entre una etiqueta div que se genera a través del atributo v-for en vue3 cuando ocurre un evento de click . Como hacer eso ?
<template> <div @click="doSth" class="days" v-for="n in 7" :key="n">{{n}}</div> </template> <script> methods : { doSth() { // get {{n}} from inside a div tag when clicking on it and do something on it. } } </script>Simplemente capture el objetivo del evento en el método y haga lo que quiera con el contenido del texto:
<template> <div @click="doSth" class="days" v-for="n in 7" :key="n">{{n}}</div> </template> <script> methods: { doSth(event) { // Let says that you want to add 10 to the "n" number displayed in the div you clicked on : event.target.textContent = parseInt(event.target.textContent) + 10; } } </script>Simplemente puede usar
<div @click="doSth(n)" class="days" v-for="n in 7" :key="n">{{n}}</div> methods : { doSth(n) { console.log(n) } }