element表单校验validate点击审批分别校验

		<el-form
			:model="approveForm"
			:rules="Rules"
			ref="approveForm"
			label-width="100px"
			label-position="left"
		>
				<el-form-item prop="Summary" label="审批意见:">
					<el-input
						v-model.trim="approveForm.Summary"
						placeholder="请输入"
						type="textarea"
						minlength="1"
						maxlength="150"
						show-word-limit
						style="width: 100%"
						:rows="2"
					></el-input>
				</el-form-item>
			<div class="footer">
				<el-button
					type="primary"
					@click="submitForm(true)"
					size="small"
					:loading="submitLoading"
					>通 过</el-button
				>
				<el-button
					@click="submitForm(false)"
					size="small"
					type="danger"
					:loading="submitLoading"
					>否 决</el-button
				>
			</div>
		</el-form>


	var validateSummary = (rule, value, callback) => {
		if (rule.required && (value == null || value == "")) {
			callback(new Error("请输入审批意见"))
		} else {
			callback()
		}
	}
		Rules: {
			Summary: [{ required: false, validator: validateSummary, trigger: "change" }],
		},
	submitForm(ApprovalResult) {
		this.Rules.Summary[0].required = !ApprovalResult;
			this.$refs.approveForm.validate((valid) => {
				if (valid) {
				}
			});
	},
posted on 2026-05-13 11:31  jv_coder  阅读(2)  评论(0)    收藏  举报