验证后更新输入值答案

【问题标题】：Update input value after validation验证后更新输入值
【发布时间】：2021-05-21 13:42:56
【问题描述】：

我是 Vue 新手。

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

用户输入 = XXXXXX
返回输出 = 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;
      }
    }
  }
  ...
}

【问题讨论】：

您能分享一些代码以及到目前为止您尝试过的内容吗？
嗨@Zero 我已经用一些示例代码更新了我上面的问题。我尝试使用 DOM API 更新该值，但 Vue 在此代码块的末尾将其还原。
您可以像这样使用 v-mask 进行格式验证，
@SanthoshKN 我忘了提到邮政编码字段与下拉列表中的国家列表一起使用。此表单适用于全球电子商务应用程序。所以我们在这里讨论了很多掩码格式。

标签： javascript vue.js vuelidate

【解决方案1】：

我将箭头函数声明更改为函数简写声明。我现在可以通过 Vuelidate 模型访问组件对象并更改输入字段值。多亏了这个：https://github.com/vuelidate/vuelidate/issues/237?

【讨论】：