Я пытаюсь вызвать метод из другого метода в vue.
То, что я получаю, является неопределенным в моей консоли, но мне действительно нужен идентификатор, который вызывается в функции getId
В целом, что я пытаюсь сделать, это использовать функцию addEvent, чтобы получить события флажка, чтобы я мог получить истину или ложь от него, а затем отправить это в функцию saveCheckbox и из функции saveCheckbox, вызвать getId функция, чтобы получить идентификатор этого конкретного флажка.
Я надеюсь, что смог объяснить это правильно. Если все еще неясно, пожалуйста, дайте мне знать.
Это то, что у меня есть
<template>
<div class="card-body">
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">Active</th>
<th scope="col">Title</th>
</tr>
</thead>
<tbody>
<tr v-for="(category, index) in categories" >
<td>
<input name="active" type="checkbox" v-model="category.active" @change="getId(category.id)" @click="addEvent">
</td>
<td>
{{ category.title }}
</td>
</tr>
</tbody>
</table>
</div>
</template>
<script>
export default {
props: [
'attributes'
],
data(){
return {
categories: this.attributes,
}
},
methods: {
getId(id){
console.log(id);
return id
},
saveCheckbox(event){
console.log(this.getId());
},
addEvent ({ type, target }) {
const event = {
type,
isCheckbox: target.type === 'checkbox',
target: {
value: target.value,
checked: target.checked
}
}
this.saveCheckbox(event.target.checked)
}
},
mounted() {
console.log('Component mounted.')
}
}
</script>