修改form表单中rules的验证提示

修改form表单中rules的验证提示

   <el-form ref="form" :model="form" :rules="rules" label-width="80px">
       <el-form-item label="名称" prop="name">
         <el-input v-model="form.name" placeholder="请输入名称" maxlength="30" />
       </el-form-item>
      </el-form>

//
 

data(){
 const validateName = (rule, value, callback) => {
      if (value) {
        const data = {
          id: this.form.id,
          name: value
        }
        existName(data).then(res => {
          if (res.data === true) {
            callback(new Error("单位名称已存在"));
          } else {
            callback();
          }
        }).catch(() => {
          // callback(new Error("请勿重复提交"));
        })
      } else {
        callback();
      }
    }
	return{
	  rules: {
	       name: [
	          { required: true, message: "单位名称不能为空", trigger: "blur" },
	          { validator: validateName, trigger: 'blur' }
	        ],
	   },
}