validateField校验指定字段

项目需求：在vue的开发中，需要验证表单参数的功能必不可少，但大多数是在表单提交的时候统一校验的，但是在项目中用到了组件，所以每一步的参数都要分步骤校验，因此有了下面这个校验方式。

一、参数校验规则

 // 表单校验rules: {marketId: [{ required: true, message: "交易市场不能为空", trigger: "blur" }],orderDate: [{ required: true, message: "交易日期不能为空", trigger: "blur" }],buyersName: [{ required: true, message: "买方姓名不能为空", trigger: "blur" }],sellerName: [{ required: true, message: "卖方姓名不能为空", trigger: "blur" }],},

二、参数校验

//每一步需要校验的参数数组let stepValidate =['orderDate','buyersName'];//参数是否通过校验let stepFlag = true
//校验方法
stepValidate.forEach((item,key) => {
//循环数组  校验每个参数this.$refs.form.validateField(item, valid => {//校验不通过if(valid.length){return stepFlag = false}})})//校验通过  跳转至下一步if(stepFlag){if (this.active++ > 6) this.active = 1;}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！