1.登录模块效验
rules:规则对象属性:
required,代表这个字段务必要校验的
min:文本长度至少多少位
max:文本长度最多多少位
message:错误的提示信息
trigger:触发校验表单的时机 change->文本发生变化触发校验,blur:失去焦点的时候触发校验规则
//保证全部表单相校验通过再发请求
await loginForms.value.validate();
1<template>
<div class="login_container">
<!-- xs表示设备小于等于768的时候 占多少份-->
<el-row>
<el-col :span="12" :xs="0"></el-col>
<el-col :span="12" :xs="24">
<el-form class="login-form" :model="loginForm" :rules="rules" ref="loginForms">
<h1>Hello</h1>
<h2>欢迎来到赤火管理系统</h2>
<!-- 账号-->
<el-form-item pr

本文详细描述了在Vue.js项目中使用Element-Plus构建登录界面,包括表单字段验证规则的设置,如必填项、长度限制以及自定义验证函数的使用。通过`validate`方法确保表单完整后再发送请求。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



