Ant Design
文章平均质量分 68
shunzizhan
如果你想更多的关注我,在码云、coding、github、codepen等各种平台都保持相同的昵称【shunzizhan】,或者关注微信订阅号【韶华随记】
展开
-
ant design列表页,转跳到详情页,携带参数
在列表页中,需要查看某条数据的详情,点击查看,然后进入详情页,详情页获取参数,并根据参数请求接口数据。路由配置 '/equipment/list': { component: dynamicWrapper(app, ['equip'], () => import('../page/Equipment/List')), }, '/equ...原创 2018-08-08 12:00:12 · 15217 阅读 · 8 评论 -
父子组件传值以及组件的销毁
背景在列表里,选中某几条数据,然后弹窗,查询这几条数据相关的信息,并且在弹窗中,涉及数据的查询等操作。此处,弹窗是封装的一个子组件,我将选中项的id作为一个属性,传递给子组件 问题第一次,点击的时候,在子组件的componentDidMount中正常获取到了ids数组;关闭子组件后,选随便选择几条数据,点击按钮,弹出弹窗,发现并不进入componentDidMount【问题一...原创 2018-08-13 20:24:38 · 5521 阅读 · 0 评论 -
ant design 支持对多表头的求和,并在alert中显示
目前table的现状 目前ant design中使用的StandardTable,其实已经是基于Table 做了一个封装,并且涉及到对Table 中的选中的某列数据项进行累加求和。 实际需求 但是,在实际项目中,我们可能遇到这样的需求,我们不仅需要对某一列累加求和,我们可能还需要对多表头的某几项进行累加求和。 原始组件对于该业务的局限性只支持单表...原创 2018-09-07 15:33:57 · 4311 阅读 · 1 评论 -
基于antd pro框架,配置接口apiUrl前缀
基于antd-pro框架,配置package.json中的打包命令,实现不同环境使用不同的接口apiUrl前缀,避免人肉修改,保证各环境对应各自的api地址。背景这阵子,在玩antd-pro,感觉整体框架基本是一套很完善的管理系统,因此也将该套框架运用到实际项目中,UI、组件啥的都没有问题,就是在打包部署的时候,本地开发、测试、线上接口api前缀不同,打包发布到测试环境和线上环境,需要人为...原创 2019-03-18 18:34:53 · 10486 阅读 · 2 评论 -
antd中如何根据屏幕分辨率的不同,而改变dom布局
今天接到一个需求,有两个模块A和模块B,在pc端上看,模块A之后,再是模板B,而在移动端时,则是模块B之后,再是模块A。对于这个需求,我们很自然的想到的去监听window的resize事件,从而改变dom布局的顺序,以实现这个需求。准备动工时,突然想到在antd pro项目,我们在内容页,按F12,将网页调成移动适配,发现我们的菜单就自动收缩起来了,这个是怎么实现的呢?我们是不是可以美其名...原创 2019-04-10 18:04:17 · 4741 阅读 · 0 评论