【个人笔记】关于ant design的form表单

最近有一个项目正在迭代，这次迭代除了技术栈没换，其他都是新的，ui也换成了ant design，自从放弃了bootstarp之后转手使用过layui，elementui，iview到现在得antd，实际上iview跟antd得用法是比较相似得，但是由于公司得项目需求有大量的图表，当时转到antd是发现ant的生态比iview的好，有比较强大的可视化工具库，这吸引了我的眼球，例如g2的使用虽然看着比echart难理解一点，但是上手之后就用得很爽，例如修改线得颜色，增加线会边得简单，自适应在表格设置里添加即可，不需要再最后加windows.resize等等，而elementui就相比他们易用但是图标也少很多，基本要引用第三方iconfont。

言归正传，在我用ant-vue开发得时候，我遇到了一个问题，因为它的表单使用不像其他得框架，用prop来绑定，而是直接再v-decorator中绑定一个key，而在使用表单设置值的时候，很多选项会根据另外一些选项进行改变，例如如果你勾选了"使用专用存储池"，就会出现选择池的选择框，但是没有勾选，是没有的，如果用elementui，iview之类的就很容易，直接v-if判断prop绑定的值就可以实现，因为prop的值在data有初始化，但是在antd里就行不通，后来我在官方的qq群里询问到了它正确的用法

form.getFieldValue('key')            //即可获取到表单里某个key的值，进而达到需求

再分享一个g2图表的修改

chart.line().position('time*usage').color('MBPS',['#FEAE03','#4CBDFF']).shape('smooth'); 
//修改多条折线的颜色，直接再color后面加颜色，多种颜色用数组
chart.line().position('Data*sales').color('l(100) 0:#B4DBFF 1:#74BCFF');
//折线修改成渐变色，再Color里使用，从0到1颜色怎么改变

在使用过别的ui框架，发现bootstrap是真的渣渣，庞大但是组件死板，有些常用的组件需要插件支持