Estoy haciendo un bucle en [postArray] para obtener algunas publicaciones, cada publicación tiene su propio "_id". Y quiero reutilizar este "_id" para agregar Me gusta a la publicación correcta.

este es el bucle v-for:

 <div class="posts" v-for="(element, index) in postArray" :key="index"> <p>{{ element.title }}</p> <p>{{ element.content }}</p> <p>{{ element.likes.length }}</p> <button @click="addLike">Add Like</button> </div>

estos son los datos donde quiero almacenar mi ID en postId:

 data() { return { title: "", content: "", postArray: [], postId: "", };

},

y estos son los métodos en los que quiero reutilizar el _id:

 async addLike() { const url = "https://dw-s3-nice-master-cake.osc-fr1.scalingo.io/post/like"; const options = { method: "POST", headers: { "Content-Type": "application/json", Authorization: "bearer " + localStorage.getItem("token"), }, body: JSON.stringify({ postId: this.postId, }), }; const response = await fetch(url, options); const data = await response.json(); console.log(data); this.postId = data.posts._id; console.log(this.postId); },

también la pantalla de la consola.log(datos):

captura de pantalla de console.log

[ingrese la descripción de la imagen aquí][2]