ant-design-vue文档,vue+ant design

　　主要介绍了Vue AntDesignform的一些漏洞，通过示例代码详细介绍，对大家的学习或工作有一定的参考价值。有需要的朋友下面和边肖一起学习。

目录

　　用于设置默认值的凹坑。定制v-decorator组件的凹坑。最近用vue ant写项目发现，from组件还是有很多坑。

设置默认值的坑

　　控制台警告：在呈现与值关联的字段之前，不能设置表单字段。你可以用getfield decorator (ID，options)代替v-decorator=[id，options]在渲染之前注册它。

　　原因：造成这个问题的原因是调用setFieldsValue方法时，在parameter对象中设置了一些不应该存储在页面中或者在页面上异步判断的值。

　　此时的行是直接调用接口得到的数据。如果有一些其他值不需要设置，比如创建时间，此时将会报告一个错误。

　　解决方案：使用lodash.pick方法和object.assign来设置要呈现的表单的值。

　　优化后：

　　之后又出现了新的问题，因为页面上的异常处理是异步判断的，用serializeType来判断是否显示。此时直接设置exceptionHandler也会报错。

　　解决方法：先用promise设置可以直接渲染的值，其他异步判断的值再进行渲染。

　　优化后：

　　问题解决

自定义 v-decorator 组件的坑

　　报告：警告：machinemultiselector默认值无法收集，请使用选项。设置默认值的初始值。

　　定制v-decorator的组件需要两个基本设置，即父元素的value属性和值发生变化时子元素对父元素的变化事件。

　　出现这个问题的原因是不能设置props的默认值，但是可以使用decorator.option.initialValue属性设置默认值。

　　修改后：

　　问题解决

　　这就是这篇关于Vue Ant设计表单中的一些漏洞的文章。关于Vue Ant设计表单的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。