验证后更新输入值

Question

我是 Vue 新手。

我想知道在 Vuelidate 中运行自定义验证后是否可以更新输入值。我有一个邮政编码输入字段。我想 return 使用正确格式的邮政编码，以防用户忘记输入空格，并使用正确的值更新输入字段，例如

用户输入 = XXXXXX
returned 输出 = XXX XXX

示例代码

export default {
  ...
  validations: {
    postcode: {
      required,
      maxLength: maxLength(10),
      validatePostcode: (value) => {
        const result = customValidators.validatePostcode(value);
        if (result !== false) {
          if (result !== value) {
            // UPDATE THE INPUT VALUE HERE WITH THE CORRECT POSTCODE FORMAT
          }
          return true;
        }
        return false;
      }
    }
  }
  ...
}

Answer 1

我将箭头函数声明更改为函数 shorthand 声明。我现在能够访问组件对象并通过 Vuelidate 模型更改输入字段值。感谢这个：https://github.com/vuelidate/vuelidate/issues/237

验证后更新输入值

Update input value after validation

javascript

vue.js

vuelidate