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-devtools 是一款基于chrome游览器的插件，用于调试vue应用，这篇文章分步骤给大家介绍了vue-devtools的安装方法，需要的朋友参考下吧2018-04-04
这篇文章主要介绍了使vue实现jQuery调用的两种方法 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
vue 组件中使用 transition 和 transition-group实现过渡动画
本文给大家分享一下vue 组件中使用 transition 和 transition-group 设置过渡动画,总结来说可分为分为 name 版, js 钩子操作类名版, js 钩子操作行内样式版，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2019-07-07
vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,在创建项目时,如果遇到npm安装报错,通常是由于依赖版本冲突造成的,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下2024-09-09
Vue组件化(ref,props, mixin,.插件)详解
这篇文章主要介绍了Vue组件化(ref, props, mixin, 插件)的相关知识,包括ref属性，props配置项及mixin混入的方式，本文通过示例代码多种方式相结合给大家介绍的非常详细，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了vue3的watch用法以及和vue2中watch的区别，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要为大家详细介绍了Vue3中逻辑复用的相关知识,文中的示例代码简洁易懂,对我们深入了解Vue3有一定的帮助,需要的小伙伴可以参考下2023-12-12
在现代Web开发中,通过在页面中嵌入3D场景,可以为用户提供更加丰富和交互性的体验,Three.js是一款强大的3D JavaScript库,它简化了在浏览器中创建复杂3D场景的过程,本文将介绍如何在Vue中使用Three.js,创建一个简单的交互式3D场景,需要的朋友可以参考下2023-11-11
在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题。这篇文章主要介绍了vue mounted 调用两次的解决办法,需要的朋友可以参考下2018-10-10
为了防止有人恶意使用脚本进行批量操作,会设置图片滑动验证，本文就介绍了Vue.js图片滑动验证的实现示例，感兴趣的可以了解一下2023-05-05
最新评论