My goal is to create user-specific checkboxes where clicking on a checkbox will allow the user ID to be retrieved using the getUserId method upon clicking the "Get user id" button.
To see the code in action, visit this CodeSandbox link
<template>
<div>
<div class="user" v-for="(user, i) in items" :key="i">
<p>{{ user.name }}</p>
<p>{{ user.age }}</p>
<input type="checkbox" />
</div>
<button @click="getUserId()">Get user id</button>
</div>
</template>
<script>
export default {
methods: {
getUserId() {},
},
data() {
return {
items: [
{
id: 1,
name: "Alex",
age: 23,
},
{
id: 2,
name: "Robert",
age: 33,
},
{
id: 3,
name: "Jacob",
age: 55,
},
],
};
},
};
</script>