Nuxtjs :如何仅在表单输入有效时才显示工具提示

data() {
  return {
    inputValue: '',
    isInputValid: false
  }
}

<template>
  <div>
    <input v-model="inputValue" @input="validateInput">
    <span v-if="isInputValid" class="tooltip">请输入有效的内容</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      isInputValid: false
    }
  },
  methods: {
    validateInput() {
      // 进行表单输入的验证
      if (this.inputValue.length >= 6) {
        this.isInputValid = true;
      } else {
        this.isInputValid = false;
      }
    }
  }
}
</script>