是否存在Vuelidate的notSameAs验证器？密码修改表单验证求助

我之前也踩过Vuelidate版本更新后API变化的坑，确实新版的结构和旧文档描述差异挺大的，咱们一步步来搞定这个问题：

首先，确认你的Vuelidate版本：如果是v2及以上，它已经拆分成了@vuelidate/core和@vuelidate/validators两个独立包，原来的vuelidate/lib/validators导入路径已经不再适用了。

正确实现differsFrom验证器 #

用新版API重写验证器，适配当前的包结构：

// 从新版拆分的包中导入工具
import { withParams } from '@vuelidate/core'
import { get } from '@vuelidate/validators'

export const differsFrom = (targetField) => withParams(
  { type: 'differsFrom', target: targetField }, // 用于错误提示的参数
  (value, vm) => {
    // 获取目标字段的值，支持嵌套路径比如'user.oldPassword'
    const targetValue = get(vm, targetField)
    // 核心验证逻辑：确保当前值与目标字段值不同
    return value !== targetValue
  }
)

为什么原来的代码不生效？ #

• 旧版的ref函数在新版中被替换成了get函数，专门用于从响应式对象中获取指定字段的值
• 导入路径完全变更，必须从拆分后的@vuelidate/core和@vuelidate/validators中导入对应工具
• 新版验证器的参数逻辑有微调，原来的parentVm现在可以直接通过第二个参数vm访问

在组件中使用验证器 #

示例用法如下，适配Vue 3的组合式API：

import { reactive } from 'vue'
import { useVuelidate } from '@vuelidate/core'
import { differsFrom } from './path-to-your-validators-file'

export default {
  setup() {
    // 定义表单响应式数据
    const form = reactive({
      oldPassword: '',
      newPassword: ''
    })

    // 绑定验证规则
    const validationRules = {
      newPassword: {
        mustDifferFromOld: differsFrom('oldPassword')
      }
    }

    // 初始化Vuelidate实例
    const v$ = useVuelidate(validationRules, form)

    return { form, v$ }
  }
}

这样就能正确验证新密码与旧密码是否不同，完全适配Vuelidate v2+的API规范。

内容的提问来源于stack exchange，提问作者Syffys