使用vee-validate v3时'required_if'验证器不存在错误求助

vee-validate v3的核心库仅包含基础验证规则（如required、email等），required_if这类条件验证规则属于扩展规则，默认未内置在核心库中，需要单独导入注册才能使用。

具体解决步骤 #

1. 安装对应版本的扩展规则包
   因为你使用的是vee-validate ^3.4.5，需安装同大版本的@vee-validate/rules：

   npm install @vee-validate/rules@3 --save
   # 或使用yarn
   yarn add @vee-validate/rules@3
   

2. 注册required_if规则
   可选择全局注册或组件局部注册：

   全局注册（推荐） #

   在项目入口文件（如main.js）中添加以下代码：

   import { extend } from 'vee-validate';
   import { required_if } from '@vee-validate/rules';
   
   // 注册规则，可自定义错误提示消息
   extend('required_if', {
     ...required_if,
     message: '当{target}满足条件时，该字段为必填项'
   });
   

   组件局部注册 #

   在需要使用该规则的Vue组件内注册：

   import { required_if } from '@vee-validate/rules';
   
   export default {
     created() {
       this.$validator.extend('required_if', {
         ...required_if,
         message: '此字段在{target}符合要求时必须填写'
       });
     }
   }
   

注册完成后，即可按照官方示例正常使用required_if规则。

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