antd form表单使用setFildesValue 赋值失效的解决
更新时间：2023年04月22日 08:57:38 作者：斜影梧桐
这篇文章主要介绍了antd form表单使用setFildesValue 赋值失效的解决方案，具有很好的参考价值，希望对大家有所帮助。
antd form表单使用setFildesValue 赋值失效
加上this.$nextTick(()=>{})即可
this.$nextTick(() => {
this.$refs.editModal.form.setFieldsValue({
'pay_type': '2 实拨方式',
})
})解决antd的Form组件setFieldsValue的警告
记住：setFieldsValue的字段要对应得上
使用antd的Form组件setFieldsValue
可能会出现You cannot set a form field before rendering a field associated with the value.警告
字面意义去看是说在 render之前设置了表单值的问题。
解决
在使用setFieldsValue给表单Form的某一个filed赋值时，可能掺杂了非表单控件中的字段，Form表单在赋值和渲染时发现有些字段无法渲染在现有的字段（因为不存在），所以就会报出这样的错误提示
所以在使用this.form.setFieldsValue时，赋值的数据要一一匹配field，用不到的不要赋值即可，这样操作之后错误提示就不再提醒了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Vue动态生成表格的行和列，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
下面小编就为大家分享一篇浅谈vue引入css,less遇到的坑和解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
Vue Router解决多路由复用同一组件页面不刷新问题(场景分析)
这篇文章主要介绍了Vue Router解决多路由复用同一组件页面不刷新问题,多路由复用同一组件的场景分析，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue 使用print-js 打印渲染不出来问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要来和大家深入讨论一下在Vue开发中是否有必要一定用watch,如果换成watcheffect会如何,文中的示例代码讲解详细,需要的可以参考下2023-12-12
这篇文章主要介绍了基于vue写一个全局Message组件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要给大家介绍了关于前端vue如何监听对象或者数组某个属性的变化的相关资料,在Vue中你可以使用watch或者computed来监听对象或数组某个属性的变化,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-03-03
echarts在前端开发中实属必不可缺的大数据可视化工具,这篇文章主要为大家详细介绍了vue如何使用echarts实现柱状图动态排序效果,感兴趣的可以了解下2023-10-10
这篇文章主要介绍了vue实现的封装全局filter并统一管理操作,结合实例形式详细分析了vue封装全局filter及相关使用技巧,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了vue中字典的使用,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-12-12
最新评论