Vue项目-elementUI组件库中form表单的rules表单验证属性

前言

一般适用场景为，新建用户，打开模态框出现必填项，若不填则爆红。

伪代码如下：

      <el-form
        ref="addForm"
        :model="formValue"
        @submit.native.prevent
        :rules="rules"
      >
      ...
      </el-form>

export default {
	minxins: [ValodataMixin],
	data() {
		rules: {
			userName: [
				this._validate(
            	'required',
           		this.$t('staffManage.modal.roles.userName')
        		)
			]
		}
	},
	method: {
		add() {
			this.$refs.addForm.validate((valid) => {
				// 判断表单验证是否通过
				if( valid) {
					...
				}
			})
		}
	}
}

通过饿了么的api也可以知晓一二。