使用Vue清除输入后显示错误消息

data() {
  return {
    inputValue: '',
    errorMessage: ''
  }
}

<input v-model="inputValue" type="text">
<span>{{ errorMessage }}</span>

methods: {
  clearInput() {
    this.inputValue = '';
    this.errorMessage = '';
  }
}

<button @click="clearInput">Clear</button>

watch: {
  inputValue() {
    this.validateInput();
  }
},
methods: {
  validateInput() {
    // 进行输入验证的逻辑
    // 如果输入无效，设置错误消息
    // 如果输入有效，清空错误消息
  }
}