我和学生有一个数组。
有一个添加学生的实现。
问题：点击按钮后如何清除字段？必须清除这些字段，以便当您尝试在那里输入新值时，旧值不会在那里替换。
我已经尝试了一切，没有任何效果。没有<form>-> <button type = "reset">
，没有选择器...
可以做些什么来解决这个问题？
索引.html
……
<!-- добавление нового студента в массив -->
<br>
<input v-model="students.name" placeholder="ФИО">
<select v-model="students.group">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input v-model="students.year" placeholder="Год рождения">
<input type="checkbox" v-model="students.done">
<label>Сдал</label>
<input v-model.number="students.mark" type="number" placeholder="Оценка">
<button type="reset" @click="addStudent()">Добавить студента в массив</button>
</div>
<!-- /добавление нового студента в массив -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="/index.js"></script>
index.js
let students = [
{
id: '1',
name: "Test",
group: "1",
year: "1985",
done: true,
mark: 4,
},
]
var app = new Vue ({
el: '#app',
data: {
students: [],
search: '',
stud: students.slice(),
},
methods: {
deleteStudent(studId) {
this.stud = this.stud.filter(elem => {
return elem.id != studId;
});
},
addStudent() {
const id = this.stud.length + 1;
this.stud.push({ id, ...this.students });
}
}
})
