Element-ui input框效验

<template>
  <div class="info" 
	<el-form :model="batch" :rules="rules" ref="batch">
		<el-form-item label="审核意见：" prop="auditOpinion" class="auditOpinion" ref="auditOpinion">
		</el-form-item>
	</el-form>
	<div class="page-bottom-btn">
		<el-button type="primary" @click="verified('batch')">审核通过</el-button>
		<el-button @click="auditFail('batch')">审核不通过</el-button>
	</div>
   </div>
</template>
<script>
  export default {
    components: {
    },
    data() {
      return {
		rules: {
          auditOpinion: [{ required: true, message: "请填写审核意见", trigger: "blur" }],
        },
		batch: {
		    auditFlag: "",//01-审核通过 ||02-审核不通过
			auditOpinion: "",//审核意见
			ids: []
			},
      }
    },
    methods:{
      
			//审核通过
			verified(batch) {
			  this.batch.auditFlag ="01";
			  },
			//审核不通过
			 auditFail(batch) {
			  this.$refs[batch].validate((valid, field) => {
			    if (!valid) {
			      this.batch.auditFlag ="02";
			    } else {
			            
			    }
			  });
			},
    }
  };
</script>
<style lang="less" scoped>

</style>