[antdv: FormModel] model is required for resetFields to work

最新推荐文章于 2024-03-15 11:34:54 发布
最新推荐文章于 2024-03-15 11:34:54 发布
阅读量2.1w 收藏 1
点赞数 5
CC 4.0 BY-SA版权
分类专栏： vue+ts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pig_pig32/article/details/117438897
使用Vue+ant的UI框架进行表单绑定时报错，提示'model is required for resetFields to work'。经测试发现是未在表头使用 :model=\xxx\ 进行数据绑定，解决方法是在表头使用 :model=\form\ 绑定表单数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天在用Vue+ant的UI框架进行表单绑定的时候出现报错 Warning: [antdv: FormModel] model is required for resetFields to work.通过不断测试才发现是因为没有在表头使用 :model="xxx"进行数据绑定

  <a-form-model :model="form" :rules="rules" ref="ruleForm" :layout="'horizontal'" :labelCol="{ span: 5 }">
    <a-form-model-item prop="deptName" label="学校名称" :wrapper-col="{ span: 18 }">
    </a-form-model-item>
  </a-form-model>

解决方法：
在表头使用:model="form"绑定表单数据即可解决

报错ement-ui.common.js?5c96:22906 [Element Warn][Form]model is required for resetFields to work.
爱吃葡萄的小菠萝
10-22 1万+
使用element-ui时报错element-ui.common.js?5c96:22906 [Element Warn][Form]model is required for resetFields to work. 原因：绑定的model属性可能写成了v-model，这样而且你会发现做校验做不了，因为你没有传正确的model属性过去，所以它们没有收到你输入的值 解决：使用el-form的时候绑...
【已解决】[Form]model is required for resetFields to work.
还有很长很长的路
07-21 1万+
表格重置告别retsetForm，简单的this.$refs[form_name].resetFields()来啦
vue 校验表单报错：model is required for validate to wor
波波豆奶
02-28 2597
参考https://blog.csdn.net/qq_45376290/article/details/107346110 1.属性绑定错误，确保绑定的是 :model 而不是v-model ! :model 是element-ui 里面的一个 属性 恰巧 和 v-model 类似而已，两者并没有什么直接关系！ :model="form" 2.检查 ref 是否重复！ 是否在其他el-form 中使用了相同的ref 名，多个el-form ref 命名不要相同 ref="formSubmit"
[Form]model is required for validate to work!
m0_59791667的博客
12-13 2760
导致[Form]model is required for validate to work! 的几种可能
ElementPlusError: [ElForm] model is required for resetFields to work
06-06
this.$refs.form.resetFields(this.model); ``` 其中，`this.$refs.form` 表示获取 `ElForm` 组件的引用，`this.model` 表示 `ElForm` 组件的绑定数据对象。这个错误提示与使用的是 Element Plus 组件库有关，与 ...
vue3 ElementPlusError: [ElForm] model is required for resetFields to work
06-06
这个错误提示是由于在使用 `resetFields` 方法时没有传入 `ElForm` 组件的绑定数据对象 `model`，导致无法重置表单数据。解决方法是在 `resetFields` 方法中传入 `ElForm` 组件的绑定数据对象 `model`，例如： ``` ...
vue3 setup 怎么解决error.ts:14 ElementPlusError: [ElForm] model is required for resetFields to work
06-06
<el-form ref="form" :model="form"> <!-- 表单元素 --> </el-form> import { ref } from 'vue'; export default { setup() { const form = ref({ // 表单数据对象 }); const handleSubmit = () => { ...
vue3 setup 怎么解决error.ts:14 ElementPlusError: [ElForm] model is required for resetFields to work.
06-06
<el-form ref="form" :model="form"> <!-- 表单元素 --> </el-form> import { ref } from 'vue'; export default { setup() { const form = ref({ // 表单数据对象 }); const handleSubmit = () => { ...
From表单验证报错：[Element Warn][Form]model is required for validate to work
qq_52317104的博客
11-10 619
1. `<el-from>`标签里不是使用的`module`而是使用`v-module`导致的。 2. `<el-form-item>`标签里没有使用`v-module`导致的。 3. `<el-form-item>`标签里`prop`参数命名没有和`<el-from>`标签里`module`数据源对象里的一致。 4. 总结： 1. 表单域属性： * :relus：表单项属性prop必须是relus对象里的属性 *...
[Element Warn][Form]model is required for validate to work!报错
qq_45274635的博客
05-20 2261
查看model的属性绑定错误。
三种解决办法：[Element Warn][Form]model is required for validate to work!
热门推荐
furfur-jiang的博客
04-27 1万+
方法1 该提示说的是 form表单需要一个绑定一个 对象(使用:model=“editform” 不能使用v-model=“editform”), 同时v-model=“multipleSelectionStudent” 的multipleSelectionStudent一定一定一定要在editform对象中, 而例子中v-model=“multipleSelectionStudent” 的multipleSelectionStudent就不一定在editform对象中,因为此字段,没有做验证. 方法2 属
ElementPlusError 解决： [ElForm] model is required for validate to work 的三种方式
狮子座的男孩
08-19 1万+
中文为： 在 表单中需要进行规则校验，但是在提交的过程中，一直出现报错的提示，而且不能成功执行提交的操作;由报错信息可知是 绑定有些问题，将 正确绑定应该就能解决该问题;是 里面的一个属性，但与 没什么关系( 是 的一种内置的 ，本质是一种)，所以不要将 与 混淆; 方式三、每个 中 绑定的值一定是 中的值： A、要在 中先定义： 其一、哪里有不对或不合适的地方，还请大佬们多多指点和交流！ 其二、若有转发或引用本文章内容，请注明本博客地址() https://blog.csdn.net/weix
Cannot read properties of undefined (reading ‘resetFields‘)
最新发布
trf54321的博客
03-15 583
this.$refs[‘form’].resetFields()方法有效，必须配置el-form :model 属性和el-form-item中的prop属性，才可以。this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值，不是清空表单，当表单第一次在页面中渲染时所用的数据就是初始数据。//加的参数是form 的ref值 this.$refs.ruleForm.resetFields();form 里面的 ref=“form” ：重置这个表单。
使用饿了么ui表单验证报错: [Element Warn][Form]model is required for validat
weixin_34365635的博客
09-19 596
[Element Warn][Form]model is required for validat 如文末的完整例子: 该提示说的是 form表单需要一个绑定一个 对象(使用:model="editform" 不能使用v-model="editform"), 同时v-model="multipleSelectionStudent" 的multipleSelectionStudent一定一定...
[Element Warn]please pass correct props!
小小笨南瓜
10-26 8620
[Element Warn]please pass correct props!
antd Form报错：Warning: You cannot set a form field before rendering a field associated with the value.
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
09-07 6341
一、报错信息： Warning: You cannot set a form field before rendering a field associated with the value. 警告：在呈现与值关联的字段之前，不能设置表单字段。 原因：这个是使用Form表单时会出现,原因时使用表单setFieldsValue时，有的字段设置了，但Form里不存在这个field。需要保证赋值的数据中的各项要在form的field中。 解决方案： 示例： Form里有两个字段name和passw..
element-ui 提交from表单卡住了 [Element Warn]please pass correct props!
BNK_along的博客
07-17 1万+
element-ui from表单卡住了 如图填完表单要点击下一步时，没有反应，没有跳到下一个步骤，卡住了。 查看控制台，发现每点一次【下一步】就有多一个element-ui框架的警告： [Element Warn]please pass correct props! 原来是没有给el-form表单中的el-form-item传prop参数，这个prop参数是表单域 model 字段，在使用v...
关于this.$refs[name].resetFields();
weixin_43331469的博客
12-26 1万+
1.Form必须要有ref属性 2.Form必须绑定：model &amp;amp;amp;lt;Form ref=&amp;amp;quot;submitUser&amp;amp;quot; :model=&amp;amp;quot;submitUser&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;/FormItem&amp;amp;amp;gt; 3.Form的FormItem中必须要有pr
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值