element 前端校验

// An highlighted block
 <el-form
            ref="user"
            :model="user"
            label-width="80px"
            :rule="true"  //在el-from上面加上 rule = "true"
          >

//在script中这样写
rules:{
          userName:[
          {
            require:true,
            message :'the userName not null',
            trigger:"blur", //鼠标离开表单就会触发
          },
          {
            min: 5,
            max: 15,
            message :'the length should be 3 to 5',
            trigger:"blur",    
          },
          ],
          password:[
            {
              require:true,
              message:"",
              trigger:"blur",
            }
          ]
        }