vue清除input内容

要清除 Vue 中的 input 内容，你可以使用 v-model 指令结合一个 data 属性来实现。首先，你需要在 data 中定义一个属性来保存 input 的值。然后，在 input 元素上使用 v-model 将它与 data 中的属性绑定起来。当你想要清除 input 的内容时，只需将 data 属性的值设置为空字符串即可。

以下是一个示例：

<template>
  <div>
    <input v-model="inputValue" type="text" />
    <button @click="clearInput">清除</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    clearInput() {
      this.inputValue = '';
    }
  }
};
</script>

在上面的示例中，`inputValue` 是用来保存 input 值的 data 属性。`v-model="inputValue"` 将 input 元素与 `inputValue` 绑定起来，使其实时更新。当点击清除按钮时，`clearInput` 方法会将 `inputValue` 设置为空字符串，从而清除 input 的内容。

希望这能帮到你！