vue清空input输入框内容

你可以通过给 input 组件绑定一个 v-model 双向绑定数据，然后在需要清空输入框内容的时候，手动将这个数据设置为空字符串即可。

示例代码如下：

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

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

这样，当点击“清空”按钮时，就会将输入框内容清空。