vue elementui 表单校验自定义

最新推荐文章于 2023-04-22 15:39:53 发布

sunlizhen

最新推荐文章于 2023-04-22 15:39:53 发布

阅读量469

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/sunlizhen/article/details/103494517

版权

vue 专栏收录该内容

157 篇文章 7 订阅

订阅专栏

<el-form ref="formPersonnel" :rules="rules" :model="formPersonnel" label-width="150px"></el-form>

data () {
  var checkThatName = (rule, value, callback) => {
    if (value === '' || value.length<2 || value.length>6 ) {
      callback(new Error('姓名由2到6个字母和汉字组成'));
    } else if (value.length > 13) {
      callback(new Error('太长了！'));
    } else if (value === '哈哈哈') {
      callback(new Error('你傻了'));
    }else{
      callback();
    }
  };
  return {
    rules: { // 表单验证
      username: [
        { validator: checkThatName, trigger: 'blur' }
      ]
    },

}