ant-design-pro Login 组件实现 rules 验证

1.引入组件

// 引入 ant-design-pro
import Login from 'ant-design-pro/lib/Login';
/*** UserName 账号* Password 密码* Submit   提交*/
const { UserName, Password, Submit } = Login;

2.调用(验证)

<UserNamename="userId"placeholder="请输入用户名"rules={[{required: true, message: '用户名不能为空!'}]}
/>
<Passwordname="pass"placeholder="请输入密码"rules = {[{required: true, message: '密码不能为空!'}]}
/>

3.效果图

转载于:https://www.cnblogs.com/crazycode2/p/9782571.html

ant-design-pro Login 组件实现 rules 验证相关推荐

Ant Design Pro在使用TreeSelect树选择组件时，报错未注册
Ant Design Pro在使用树选择组件时,报错未注册 did you register the component correctly? 经过检查发现Ant Design Pro是按需引入的,需 ...
ant design pro模板_ant design pro 当中改变ant design 组件的样式和数据管理
ant design pro 简介官网简介 Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续 ...
Ant Design中Form组件重置验证条件resetFields()方法
Ant Design中Form组件重置验证条件resetFields()方法需求, 实际完成时间(与任务生成日期联动,若任务生成日期选上,实际完成时间禁选) 却发现在验证完之后填写实际完成时间后任务 ...
使用ant design Pro开发项目的小结
一.关于上手. 1. 关于ant design Pro的介绍,自己看官网,大致上可以理解为ant design(组件库) ant design Pro (完整的项目) dva(路由数据流管理)的组合 ...
Ant Design Pro -- 02项目结构@20210331
一.项目的目录结构 ├── config # umi 配置,包含路由,构建等配置 ├── docker # 部署 ├── functions # ├── mock # 本地模拟数据 ├── publi ...
Ant Design Pro Vue使用心得
目录结构 ├── public │ └── logo.png # LOGO | └── index.html # Vue 入口模板 ├── src │ ├── api # Api ajax 等 │ ├ ...
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建
Ant Design Pro of Vue--蚂蚁金服中后台系统框架搭建 Ant Design Pro of Vue下载安装启动步骤: 一.Ant Design Pro of Vue 的介绍 Ant ...
ant design pro（二）布局
一.概述参看地址:https://pro.ant.design/docs/layout-cn 其实在上述地址ant-design上已经有详细介绍,本文知识简述概要. 页面整体布局是一个产品最外层的框 ...
Ant Design Pro 企业级后台实战（73 个视频）
Ant Design Pro 企业级后台实战(73 个视频) Ant Design Pro 企业级后台实战 #1 介绍(声音已调到毫无杂音_) Ant Design Pro 企业级后台实战 #2 学习 ...

ant-design-pro Login 组件实现 rules 验证

ant-design-pro Login 组件实现 rules 验证相关推荐

最新文章

热门文章

ant-design-pro Login 组件 实现 rules 验证

ant-design-pro Login 组件 实现 rules 验证相关推荐

最新文章

热门文章

ant-design-pro Login 组件实现 rules 验证

ant-design-pro Login 组件实现 rules 验证相关推荐