随笔分类 -  antd

antd upload 图片上传前压缩
摘要：onChange = (files, type, index) => { const newItem = _.cloneDeep(this.state.imgData); if (type "add") { const file = [...files].pop().file; const newi 阅读全文
posted @ 2020-11-05 11:36 Mine- 阅读(244) 评论(0) 推荐(0)
antd 中 Upload 上传图片宽高限制以及上传文件的格式限制
摘要：一、上传图片的宽高限制 在组件Upload中有一个beforeUpload的API，是文件上传之前的钩子函数，我们需要在这个API中做限制 beforeUpload: file => { this.handleFilebeforeUpload(file) .then(() => { message. 阅读全文
posted @ 2020-10-28 16:37 Mine- 阅读(967) 评论(0) 推荐(0)
antd中头像上传前编辑antd-img-crop插件弹出modal没有样式的问题
摘要：在antd pro项目中,有一个头像上传前编辑的需求,在antd组件Upload中有一个上传前编辑的demo,用到一个antd-img-crop插件,用法很简单,只需要包裹Upload标签即可,具体API可以参考antd-img-crop的github地址 https://github.com/na 阅读全文
posted @ 2020-08-18 10:48 Mine- 阅读(76) 评论(0) 推荐(0)
antd中日期选择框DatePicker不可选择日期的前后限制
摘要：disabledDate = (current: any) => { return current < moment("2020-06-04")|| current > moment("2020-06-18") } 阅读全文
posted @ 2020-06-28 16:52 Mine- 阅读(49) 评论(0) 推荐(0)
antd pro 项目Modal中嵌套Form表单,触发表单验证并获取表单提交的数据
摘要：antd pro项目中遇到弹框嵌套表单的需求,并获取其中的数据, 在官方提供的Form表单API中有一个触发表单验证的方法validateFields 触发表单验证 类型: (nameList?: NamePath[]) => Promise 如下为项目中使用 //此为Modal点击确定以后的回调 阅读全文
posted @ 2020-06-03 19:37 Mine- 阅读(553) 评论(0) 推荐(0)
antd pro后台管理项目中form表单的动态添加问题
摘要：在做的一个基于antd pro开发的一个后台管理系统中遇到这样一个需求,员工档案部分的地址信息,紧急联系人,教育经历需要编辑添加多段,因此遇到了antd中的form表单里面添加多个字段的问题,具体需求以及实现如下: 经过查阅官方文档,可以通过Form.List,以及内部提供的API来实现 下面附上源 阅读全文
posted @ 2020-06-03 09:27 Mine- 阅读(216) 评论(0) 推荐(0)