vue中非空校验输入内容了页面还一直提示未输入

在 Vue 中进行表单验证时，如果你设置了某个字段的非空校验规则，但是用户仍然提交了空白值，这可能是由于以下几个原因：

1. **验证逻辑问题**：检查你的 `v-model` 绑定的值是否在计算属性中进行了正确的处理。确保你在 `v-model` 的更新事件（如 `input` 或者 `blur`）中触发了验证。

<input v-model="form.field" @input="validateField" :required=true>

methods: {
  validateField() {
    if (!this.form.field) {
      this.$set(this.form.errors, 'field', '请输入内容');
    } else {
      this.form.errors.field = null;
    }
  }
}

2. **自定义验证函数**：如果使用的是自定义的验证函数，确认在函数内部正确地检查了值是否为空，并返回相应的错误信息。

3. **错误消息显示**：确认 `v-bind:class` 或者 `v-if` 等条件是否正确控制了错误提示的显示。比如错误提示应该只在 `errors.field` 存在且非空时显示：

<p class="error" v-if="form.errors && form.errors.field">{{ form.errors.field }}</p>

4. **表单验证插件**：如果你使用了第三方验证库（如 VeeValidate），确保配置了正确的验证策略，以及错误提示组件正确响应验证结果。