开发form表单遇到的问题

最新推荐文章于 2022-10-26 15:02:35 发布
最新推荐文章于 2022-10-26 15:02:35 发布
阅读量642 收藏
点赞数
分类专栏： 问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_40440979/article/details/104010646
版权

1.多选选项出不来
在这里插入图片描述

多选框解决方法：绑定的必须是数组在这里插入图片描
2.Error in v-on handler: “TypeError: self.refs.formRegData.validateField is not a function”
这个formRegData 后面必须加 [0]
self.$refs.formRegData[0].validateField(e => { console.log(e) ; if (!e) { reqThrough = true } })
在这里插入图片描述
[Element Warn]please pass correct props!

这里主要是validateField 需要加传入值，即rules的key值
在这里插入图片描述

Landa_lu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WEB项目前端表单认证遇到的问题的反思及总结
愿意暴露问题的小菜鸟
05-20 1163
在进行普通表单的前端验证的时候可能会出现很多问题，菜鸟笔者把自己遇到的一些问题总结一下希望对各位写表单验证的同仁能够有一点点启发
用JS提交参数创建form表单在FireFox中遇到的问题
10-27
在一个前端页面上，需要通过JavaScript来提交参数，使用JS创建form表单，将参数append到表单中进行提交,接下来将介绍如何操作与实现
[Element Warn]please pass correct props!
最新发布
小小笨南瓜
10-26 7779
[Element Warn]please pass correct props!
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...
antd Form报错：Warning: You cannot set a form field before rendering a field associated with the value.
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
09-07 5291
一、报错信息： Warning: You cannot set a form field before rendering a field associated with the value. 警告：在呈现与值关联的字段之前，不能设置表单字段。 原因：这个是使用Form表单时会出现,原因时使用表单setFieldsValue时，有的字段设置了，但Form里不存在这个field。需要保证赋值的数据中的各项要在form的field中。 解决方案： 示例： Form里有两个字段name和passw..
Ant Design Vue 中遇到的坑（二） `Form.Item` cannot generate `validateStatus` and `help` automatically...
陈乾的博客
01-12 1万+
一、发生场景 在使用Ant Design 时，进入页面打开控制台发现有红色的警告： ‘Form.Item’ cannot generate ‘validateStatus’ and ‘help’ automatically, while there are more than one ‘getFieldDecorator’ in it. 二、原因 经过查找发现在同一个form-item中使用v-for循环遍历生成了多个input框，并且每个都加上了v-decorator作为数组，但实际每一个from-i
Vue ElementUI之Form表单验证遇到的问题
12-09
本文将详细解析在使用ElementUI的Form表单验证时可能遇到的问题及解决方案。 首先，我们遇到的第一个问题是如何在表单中验证数组类型的输入。通常，ElementUI的`el-form`组件要求绑定的`model`是一个对象，但有时...
解决layui中的form表单与button的点击事件冲突问题
10-18
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
基于javascript的Form表单验证
10-20
本文将深入探讨如何使用JavaScript进行基于Form表单的验证。表单验证是确保用户输入数据有效性和完整性的关键步骤，可以防止无效数据提交到服务器，从而提高用户体验并减少服务器处理错误数据的压力。 首先，我们来...
Ajax提交Form表单页面仍会刷新问题的快速解决办法
10-20
然而，在实际操作中，我们可能会遇到Ajax提交Form表单时页面仍然刷新的问题。本文将深入探讨这个问题及其解决方案。 首先，我们要了解Ajax的工作原理。Ajax（Asynchronous JavaScript and XML）是一种在无需重新...
warning.js:7 Warning: [antdv: Table] Each record in dataSource of table should have a unique `key`
qq_42580876的博客
12-04 9565
使用 Ant Design组件的时候报key警告，这由于columns中定义的默认key值在返回的数据中没有当前的这个字段造成的，一个是使用rowKey默认指定一个对应的键值对，或者使用类似v-for循环中的下标index来代替 :rowKey="(record,index)=>{return index}" ...
Ant Design Vue-Table报错：warning.js?2149:7
Robert_c
08-06 3079
今儿使用蚂蚁组件库的table时，遇到个问题：warning.js?2149:7 Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.] 。记录一下 这是因为columns中定义的默认key值在返回的数据中没有当前的这个字段造成的，一个是使用rowKey默认指定一个对应的键值对，或者使用类似v-for循环中的下标index来代替
报错 | Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key
A123ppleQueen的博客
11-17 1428
warning.js?2149:7 Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.] //这里的代码报了上面的错 <template> <div> <a-table ref="table" size="default" :colum
ant-design里用Form（v-decorator）和FormModel(v-model)
piaocanY的博客
12-29 6861
继续更新 用ant-design 的踩坑记录。。 Form 和 FormModel 近在用ant design vue 做项目 遇到了 一下坑 比如 v-decorator 可以做数据 绑定 与v-model 不同的是 给 form 表单赋值 v-model 的值是 双向绑定的 如果想 给改变 v-model的值 直接赋值 即可 比较 方便 而 v-decorator 个人认为 有点 麻烦 如果 你想 改变 v-decorator 中绑定的值 Form 如上图 需要用到 this.form.setFie
antd vue中，如何给表单动态添加input，解决遇到一些坑
weixin_33877885的博客
05-13 8188
最近做项目用的组件库Ant Design Vue,这个组件看起来文档很详细，但也会遇到一些意想不到的问题，最后看文档没办法解决，只能去看源码，折腾了好久，终于把问题给解决了，遇到的问题主要是当添加input的时候验证不能友好的使用，当一个input添加，然后删除，提交表单的时候会提示填写删除的input，还有个问题就是当把填写好的内容，删除提交的时候，已删除的内容还是能提交到后台，用方法处理 fo...
使用vue初用antd 用v-model来双向绑定Form表单
热门推荐
qq_42780155的博客
09-03 1万+
第一次用vue使用ant designUI框架，还没从elementUI中转换过来… 于是在不能用Modal模态框，需要在页面传值接收的时候 handleEdit (record) { this.$router.push({ path: '/form/base-form', query: { id: record, title: 'Edit' } }) } fo...
Antd 使用时的一些小错误汇总（持续更新）
eswang的CSDN博客
10-20 2828
貌似是因为React版本的变迁，使用antd时会出现很多莫名其妙的小错误，这里汇总一下，目前正在用Antd+React+Nest.js+MongoDB写自己的博客，CSDN更新速度会放缓，这月目标是写40篇左右吧. 首先是使用Antd组件时出现的错误，不出意外的话应该是Menu组件： index.js:1 Warning: Function components cannot be give...
element-ui 阻止 表单输入框搜索后自动刷新页面
近未来
02-28 1285
问题： 在&amp;amp;lt;el-form&amp;amp;gt;&amp;amp;lt;/el-form&amp;amp;gt;里面只有一个el-input输入框的情况下，初始加载后点击搜索，会刷新页面。 解决办法： 在&amp;amp;lt;el-form&amp;amp;gt;&amp;amp;lt;/el-form&amp;amp;gt;标签中添加 @submit.native.prevent &amp;amp;lt;el
jsp传值中文乱码问题解决方法示例介绍.docx
01-20
本文档提供了解决jsp传值中文乱码问题的示例方法，以便开发者在遇到此类问题时能够快速找到解决方案。 首先，乱码通常发生在编码不一致的情况下，比如服务器端和客户端使用的字符集不匹配。为了解决这个问题，关键...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值