Wue-de maglumat goşmak üçin komponent
Indi täze ulanyjylary goşmak üçin formany amala aşyralyň. Bu formany aýratyn komponent hökmünde edeller. Amala aşyrmaga başlaýalyň. Başlangyçda, ata komponentde ulanyjy goşmak üçin metod düzeliň:
methods: {
add(name, surn) {
let id = this.users.length + 1;
this.users.push({
id,
name,
surn
});
}
}
Ata komponentiň görkezilişinde çagany komponenti birikdiriň:
<template>
<UserForm @add="add" />
</template>
Çagany komponentde girizme nyrunlary kontrol etmek üçin aýratynlyklar düzeliň:
data() {
return {
newName: '',
newSurn: '',
}
}
Çagany komponentde maglumatlary ýatlamak üçin metod düzeliň:
methods: {
save() {
this.$emit('add', this.newName, this.newSurn);
}
}
Çagany komponentiň görkezilişlerini düzeliň:
<template>
<input v-model="newName">
<input v-model="newSurn">
<button @click="save">
save
</button>
</template>
Täze işgäri goşmak üçin formany amala aşyryň.
