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

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

您可以使用表单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();
    }
  }

Answer 2

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

方法一：

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

方法二：

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