vue中如何把form表单里面填写的内容清空

在Vue中清空表单的内容有多种方式，以下是其中两种常用方法：

1. 使用Vue的refs

可以在表单元素上添加`ref`属性，并在Vue实例中使用`this.$refs.form.reset()`来清空表单内容，如下所示：

<template>
  <form ref="form">
    <label>
      姓名：
      <input type="text" v-model="name" />
    </label>
    <button type="button" @click="resetForm">清空</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: ''
    }
  },
  methods: {
    resetForm() {
      this.$refs.form.reset()
    }
  }
}
</script>

2. 使用Vue的双向绑定

可以在表单元素上使用Vue的双向绑定指令`v-model`，并在清空表单时将绑定的数据重置为空字符串，如下所示：

<template>
  <form>
    <label>
      姓名：
      <input type="text" v-model="name" />
    </label>
    <button type="button" @click="resetForm">清空</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: ''
    }
  },
  methods: {
    resetForm() {
      this.name = ''
    }
  }
}
</script>

以上两种方法都可以实现清空表单内容的功能，具体使用哪种方法可以根据实际场景进行选择。