2021-10-14 antd pro 回车登陆

最新推荐文章于 2023-11-14 08:55:26 发布
最新推荐文章于 2023-11-14 08:55:26 发布
阅读量883 收藏 1
点赞数 1
分类专栏： antd pro 文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011341849/article/details/120758715
版权

Ant Design Pro 使用心得记录
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录


最近新系统开发需要使用到ant pro，遇到了许多问题，在此记录。

登陆页面回车提交

系统自带的登陆页面不支持回车提交表单信息。查阅文档后发现
在这里插入图片描述
可以再此配置中增加htmlType=submit使得回车可以提交表单。但是同时带来一个问题是，此时无论点击登陆按钮还是按回车。表单都会提交两次，登陆请求也会发两次。感觉有点莫名其妙。
在这里插入图片描述
对比了官网登陆表单的文档。我决定改造一下框架自带的登陆页面。把图片上全部注释掉，把ProForm插件改为LoginForm插件。完美解决！

jrls1993
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
antd-admin:基于antd pro开发的 后台管理系统框架实例
05-02
antd-admin基于antd pro开发的 后台管理系统框架实例antd pro 基于dva开发首先要学习 dva，学习dva之前 要了解ES6的基本语法，此教程较为全面，比较适合入门prettier gitcommit 时检查用 husky 和 lint-staged 构建...
在react中使用antd ProForm的表单检验来实现表单密码确认
m0_73356046的博客
10-30 667
react中使用ProForm中的校验来完成密码确认需求
antd pro ProForm 去除自动填充不生效
小子宝丁的博客
09-26 2885
`Antd Pro` 中`ProFormText` 和 `ProFormText.Password` 时`autoComplete` 不生效的问题
antd pro 登录表单使用 LoginFrom
qq_40513296的博客
05-11 4088
LoginForm/Page - 登录表单 - ProComponents 官方文档 pro是antd的高级组件，在原有的基础上封装，高级组件对新手小白很不友好。一些常用的事件官方文档也没有说明，常见的两个方法如下： onFinish 方法是点击提交按钮后触发的事件 onFocus 方法是 焦点获取事件 <div className='login_con'> <LoginForm onFinish={onSubmit} ...
输入框显示和隐藏输入内容
gaoxiaofei520sss的博客
11-07 327
利用ProForm.Password 组件 可以让输入的内容全部以*显示，用来隐藏原本的内容。再设置fieldProps={{visibilityToggle: false }} 关闭 右边控制显隐的按钮 可实现。用户输入的身份证信息需要隐藏，不显示，但提交的时候需要提交。本项目用antd pro组件。
2021-10-15 antdpro 登录页需要登陆两次才能跳转的问题
u011341849的博客
10-15 1446
AntdPro 登陆页面，第一次点击登陆页面没有跳转，再点击一次登陆按钮才能跳转 这个问题我查了好久，网上也搜了很多资料。好像都没有针对这个问题的回答。期初我怀疑是history.push的问题，查了好多antdpro不跳转，history.push不跳转的相关词条。后来一步步断点发现。 其实页面跳转了，但是因为没有识别登陆状态，没有在initialState中取到currentUser，于是页面又重定向到了登陆页面。仔细想想，官方示例登陆是直接判断的，并没有请求哇，，，，呜呜呜，我傻了。请求改为异步后，
virtualized-table-for-antd:用于蚂蚁设计的虚拟表组件
05-22
用于AntD4的虚拟表格组件，用于gzip的快速，可恢复且最小的尺寸！ 安装 npm i --save virtualizedtableforantd4 useVT的选择（） interface vt_opts { id ?: number ; /** * @default 5 */ ...
antd-mobile-vue:antd-mobile的vue实现
05-17
如有问题可添加个人微信（wuhao1200），欢迎共同交流该项目原本为公司内部项目，现放到github上开源，发布个时候项目名称改为antd-mobile-vueantd-mobile-vue基于 Vue 的组件库，代码由antd-mobile转为Vue版本，目前...
umi-antd-pro-antd-pro.zip
08-06
"umi-antd-pro-antd-pro" 这个压缩包文件名可能代表了一个包含完整 Ant Design Pro 示例或模板的项目，其中可能包含了项目的源码、配置文件、公共资源和测试用例等。解压后，开发者可以查看这些文件来了解 Ant ...
stand-admin-antdpro-demo:适用于Ant Design Pro的CRUD演示
04-07
StandAdmin is CRUD framework work perfectly with Antd Pro. 标准 CRUD 选取控件 多实例 批量操作 异形列表 异形查询 记录复制 多编辑 关联展开 新建初始值 数据转换-新建/编辑 数据转换-查询
vue+antd实现登录页面，input回车输入，回车登录
Little_fairy_lzx的博客
03-24 4335
目标：实现回车输入和登录 如图所示，一进到登录页面可默认获取焦点，在输入完成后回车事件第二个输入框获取焦点可以输入，再次回车可以触发登录操作。 实现思路： 应用vue的自定义指令定义一个focus指令，第一个输入框默认绑定，在回车事件触发时获取第二个输入框元素，调用$el.focus()方法 代码实现如下： 1.在main.js中定义指令，格外注意的是应用ui框架时的input元素获取 Vue.directive('focus', { inserted: function(el) { if (
ant design pro 禁止账号密码输入框自动填入
无缺的博客
06-09 1338
ant design pro
登录页面如何去掉浏览器默认记住密码
施勇
12-31 7659
浏览器记住密码是根据页面中有没有类型为password的input框进行判断的，如果有则浏览器会提示是否要记住密码，并在下次登录的时候自动填充。我们要不让浏览器记住密码，就根据这个关键点，不使用类型为password的input框用于输入密码。 实现方法如下： 密码输入框的默认类型设置为text，当用户输入密码时，动态改变input类型为password，这样就不会让密码以明文展示，又可以让浏览
ant.design reat form组件.回车提交数据
小漠007的专栏
06-12 1033
【代码】ant.design reat form组件.回车提交数据。
Vue使用Alt + Enter键替代Enter键回车，enter发送消息
hollebug的博客
12-07 2257
因为要做一个聊天输入框，所以遇到了这个问题，因为发送消息比回车换行要常用，所以用enter键发送消息，alt+enter键回车换行 首先先给文本输入框加两个键盘事件 <textarea @key.enter="onSend" @key.alt.enter="onEnter"></textarea> 然后你会发现当你使用alt+enter组合键时，你仍然会触发enter事件...
react+antd，Input组件如何实现按回车触发请求
最新发布
qq_40437666的博客
11-14 1502
antd的Input组件有一个名为onPressEnter的API函数，是Input组件按下回车的回调。因此，我们可以自定义onPressEnter函数来实现我们想要的功能。当我们使用Input组件时，如果想输入一段文字后触发请求，而不是换行，可以这样做。
ant-d pro ProFormText 二次封装
weixin_47338877的博客
02-28 2518
这里没啥好说的 只是单纯的合并了’password’ | ‘textArea’ 此外配合其他封装 /* * @Author: your name * @Date: 2021-10-28 18:01:14 * @LastEditTime: 2022-02-22 15:19:03 * @LastEditors: Mao * @Description: In User Settings Edit * @FilePath: \archives-web\src\components\myComponen
关于form回车刷新两次页面问题
qq_20962817的博客
10-24 363
总结一下回车以后页面刷新两次的解决方法 第一种：在from表单上添加 onsubmit="return false;"来限制提交两次表单 第二种：有可能你隐藏了几个input type="hidden" 只要有type= 都等同于type=submit 要交隐藏的input样式改为style="display:none" 把type="hidden" 去掉 ...
vue-seamless-scroll配合antd
09-14
你好！对于使用vue-seamless-scroll和Ant Design的配合，你可以按照以下步骤进行操作： 1. 首先，确保你已经引入了vue-seamless-scroll和Ant Design的相关依赖。 2. 在你的Vue组件中，导入所需的组件和样式。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值