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，用不到的不要赋值即可，这样操作之后错误提示就不再提醒了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue3系统进入页面前的权限判断和重定向方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
vue3出来好一段时间了,一直想着用一下,下面这篇文章主要给大家介绍了关于vue3使用element ui的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
解决Vue2跨域报错AxiosError net::ERR_FAILED、 Network Error、ERR_N
这篇文章主要给大家介绍了关于解决Vue2跨域报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2022-11-11
vue实现对highlight-current-row方式整行选中后修改默认背景颜色
这篇文章主要介绍了vue实现对highlight-current-row方式整行选中后修改默认背景颜色方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
这篇文章主要介绍了vue动态绑定组件子父组件多表单验证功能的实现代码，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-05-05
这篇文章主要介绍了vue前后端分离如何解决每次请求session都会变的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
keepalive是Vue的内置组件,作用是将组件缓存在内存当中,防止重复渲染DOM,属于消耗内存获取速度,这篇文章主要介绍了vue3项目keepAlive使用方法,主要将keepaliev在vue3.0中的用法,需要的朋友可以参考下2024-03-03
在vue中使用css modules替代scroped的方法
本篇文章主要介绍了在vue中使用css modules替代scroped的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
今天小编就为大家分享一篇Vue实现导航栏的显示开关控制，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
vue中使用echarts实现动态数据绑定以及获取后端接口数据
总结一下自己最近项目中用echarts动态获取接口数据并画图的方法,下面这篇文章主要给大家介绍了关于vue中使用echarts实现动态数据绑定以及获取后端接口数据的相关资料,需要的朋友可以参考下2022-07-07
最新评论