Question

嘿，每次我尝试单击清除按钮时，我都想问一些问题，它一直给我这个错误，我不知道问题出在哪里？而且我也不能在点击后在字段中再写了。

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

enter image description here

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=""
  }
}

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

2 个答案: