代码之家 › 专栏 › 技术社区 › Damian

Vee Validate 3.0-实例上未定义“required”属性或方法,但在呈现过程中被引用

vee-validate vue.js

Damian · 技术社区 · 5 年前

我觉得我现在几乎要掌握Vee Validate 3.0了,但在运行时我一直收到以下警告:

Property or method "required" is not defined on the instance but referenced during render

我使用的是包含管道的regex验证,所以我需要作为对象而不是字符串发送。

这是我的代码:

<ValidationProvider :rules="{ required, regex: /^(0[1-9]|1[0-2])\/\d{4}$/ }" name="exp" v-slot="{ errors }">
  <input name="exp" v-model="payment.exp" placeholder="Expiry MM/YYYY" class="form-control"/>
  <span class="warning">{{ errors[0] }}</span>
</ValidationProvider>

有人知道我需要做些什么来移除它吗?

0 回复 | 直到 5 年前

logaretm 5 年前

为了简洁起见,我将省略正则表达式。这不是vee validate问题,您正在将规则属性绑定到对象: { required }

required 这里的计算结果是?既然你没有 必修的

必修的

<ValidationProvider :rules="{ required: true }" name="exp" v-slot="{ errors }">
  <input name="exp" v-model="payment.exp" placeholder="Expiry MM/YYYY" class="form-control"/>
  <span class="warning">{{ errors[0] }}</span>
</ValidationProvider>

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前