
ant Design
Yetian_2000
这个作者很懒,什么都没留下…
展开
-
在使用antd 2.2版本遇到的大坑(复选框设置disable不起作用)
1.因为我使用vue 3.0使用的antd是2.2版本,但无意中打开的是1.7版本的antd文档。他们在getCheckboxProps函数返回的对象有所区别:2.2版本直接返回一个对象形式 1.7版本返回是props:{}对象。我在项目中多写了props,所以导致不起作用。...原创 2021-07-21 09:57:55 · 933 阅读 · 0 评论 -
react使用的antd组件库之DatePicker组件线上和线下显示中英文混合bug解决
1、首先到package.json文件中看有没有moment插件的引入;2、运行:npm install -S moment // 若有moment的最新版本引入 可跳过该步骤, 建议使用moment的最新版本;3、在使用DatePicker组件的文件处最上面 需要导入两个插件import ‘moment/locale/zh-cn’;import locale from ‘antd/es/date-picker/locale/zh_CN’;再在DatePicker组件中加入locale属原创 2021-07-01 10:23:51 · 1082 阅读 · 0 评论 -
antd 2.0 的版本table的前面复选框 disabled不生效? table的点击行与点击复选框:2中操作选择row,导致的selectrowkey不一样?
今天开发遇到2个坑:1.antd 2.0 的版本table的前面复选框 disabled不生效?踩坑原因:选用的antd版本不对,antd 2.0版本不需要propsgetCheckboxProps: (record: any) => ({ disabled: record.name === 'Disabled User', // Column configuration not to be checked name: record.name, }),而antd 1.7 是这样原创 2021-05-14 15:35:42 · 1375 阅读 · 0 评论 -
antd-design-vue中日期选择器date-picker的使用总结注意点
需要注意点: v-model 与 default-value 绑定值与默认值都必须是moment对象。否则控制台会报错html部分<div class="query-date left marginright"> <span class="textboxstyle">开始时间:</span> <a-date-picker v-model="startValue" :disabled-date="disabledStartDate"原创 2020-11-02 13:56:02 · 4029 阅读 · 0 评论 -
ant desigin使用之select选择器搜索展示内容与所搜框分离
今天在使用select时搜索后没有选定搜索的内容后,鼠标滚动时发现搜索框内容分离问题。需要在select中添加getPopupContainer参数来使搜索内容渲染到器父节点上。不加该参数搜索展示内容默认是展示在body上的,所以才有分离显示现象。const { Select} = antd;const Option = Select.Option;var Hello = React.createClass({ render() { return <div style={原创 2020-10-30 12:31:47 · 691 阅读 · 0 评论 -
react中使用的ant design的message提示的事件关闭
今天碰到一个组件中的一个提示内容特别长,产品要求提示弹窗的显示时间给个10S的展示,但是在这个10s内用户会切换到其他的组件,但是使用的ant design 插件的message提示功能 ,react中就很难原生控制这个提示框的关闭。最终是在组件销毁的周期函数中写了一个:message.destroy();这个问题就解决了,今天在这里备注一下。同样会有一个弹窗一直提示的bug也可以使用这个destroy()来解决。就是在每次message.info()弹窗之前执行message.destroy()原创 2020-10-30 12:08:01 · 5516 阅读 · 0 评论