清除按钮后，输入字段不起作用

Question

嘿，每次我试图点击清除按钮时，我都想问一些问题，它总是给我这个错误，我不知道问题出在哪里？点击后，我也不能再在田野里写作了。

methods: {
add () {
this.tableData.push({
date: new Date(this.form.date).toDateString(),
name: this.form.name,
email: this.form.email
})
},
clear () {
this.form = ''
}
}

在此处输入图像描述

在此处输入图像描述

Answer 1

有两种方法可以使用任何一种：

方法1:

clear () {
this.$refs["form"].resetFields();
}

方法2:

clear () {
this.form={
name="",
email="",
desc="",
date=""
}
}

Answer 2

您可以使用表单ref重置字段。你需要做这样的事情-

<template>
<div>
<!-- YOUR HTML CODE -->
<form ref="form">
<!-- YOUR FORM HTML -->
</form>
</div>
</template>

编写脚本

methods: {
add () {
this.tableData.push({
date: new Date(this.form.date).toDateString(),
name: this.form.name,
email: this.form.email
})
},
clear () {
this.$refs.form.resetFields();
}
}