Vue.js VeeValidate:如何仅验证指定字段而非全部表单字段?
针对特定字段的VeeValidate验证方案
当然支持啦!VeeValidate 完全提供了针对指定字段单独验证的能力,刚好能匹配你点击添加按钮时只验证uni和cou字段的需求。
你不需要再用validateAll()方法验证所有字段,而是可以直接调用validate()方法并传入你想要验证的字段名数组:
// 绑定到添加按钮的点击事件处理函数 handleAdd() { this.$validator.validate(['uni', 'cou']).then(result => { if (result) { // 验证通过,执行你的添加逻辑 console.log("大学和课程字段验证无误,可以继续操作"); } else { // 验证失败,提示用户修正错误 alert("请检查大学和课程字段的输入是否符合要求!"); } }); }
额外小提示
- 如果只需要验证单个字段,直接传单个字段名字符串即可,比如
this.$validator.validate('uni') - 这个方法的返回值和
validateAll()一样,是一个Promise,所以你可以无缝复用之前的结果处理逻辑
内容的提问来源于stack exchange,提问作者margherita pizza
相关产品推荐
相关产品推荐

