vue+antd写错输出语句导致不报错form表单也不提交

最新推荐文章于 2024-02-15 18:05:10 发布
最新推荐文章于 2024-02-15 18:05:10 发布
阅读量165 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34412985/article/details/117692311
版权
本文讨论了在Vue+Antd项目中遇到的一个问题，即由于编写错误的输出语句导致表单无法正常提交，虽然没有报错。文章深入分析了表单提交流程，解释了为什么错误没有被捕捉到，并提供了排查和解决此类问题的步骤，帮助开发者避免类似陷阱。
摘要由CSDN通过智能技术生成

 vue+antd写错输出语句导致不报错form表单也不提交，实际是提交form表单的方法没走完

qq_34412985
关注
专栏目录
antd 的form表单submit提交不生效_快速了解JavaScript的表单操作
weixin_28676397的博客
01-28 1992
前言在 HTML 中使用 表单元素在 JavaScript 中对应的是 HTMLFormElement 类型，而HTMLFormElement继承了HTMLElement接口：interface HTMLFormElement extends HTMLElement { ...}因此，HTMLFormElement 除了与 HTMLElement有一样的属性和方法外，还有自己独有...
antd 的form表单submit提交不生效_论如何搭上 antd 的快车-Form 篇
weixin_42550750的博客
01-30 3060
有些人写的文章叫做教程有些人写的文章叫做科普而我写的文章多半是篇水贴9012 年写的太少了，我的 2020 的 flag 之一是写 2 篇文章，然后前几天看到别人立的 flag 是写100 篇文章，那咋办，我也不能输啊，于是我决定把我原本想写的 2 篇文章，拆成 200 篇。“输人不输阵,输阵歹看面“，Over！当然如果你的项目中允许你直接使用 antd 的组件，那是很舒服，无论是 3.0 的Fo...
react+antd:Form表单校验不提示错误信息
热门推荐
superYe7的博客
03-29 1万+
使用antd做表单的小伙伴一定经常会用到getFieldDecorator <FormItem label="用户名"> { getFieldDecorator('userName', { rules: [{ required: true, message: '用户名不能为空...
前端React+antd Form提交空表单无反应不报错
qq_38312741的博客
06-29 1153
用antd的Form表单写了一个创建功能，里面包含自定义的校验 在不输入任何参数的时候点击确定没有任何错误提示 这就奇怪了 经过排查发现取消ip地址校验再提交空白表单就会有错误提示，那么问题就定位到ip地址校验上了 检查ip地址校验的时候发现对错误的ip地址也能抛出错误 只是在什么都不输入的时候没有校验所以能够判断出是因为ipTest中没有对value进行非空校验导致的不抛错，所以对代码进行修改 增加空值判断，问题解决...
Antd+Vue表单提交Demo
qq_42551543的博客
12-02 1531
Antd+Vue表单提交Demo
antd提交表单_antd-form学习
weixin_39663933的博客
12-23 1137
前言最近在用React做项目，因为内容主要是增伤改查，就决定选择一个可以方便做增删改查的框架，经同事推荐，选择了ant-design。但是在开发过程中遇到了各种困惑，一方面是因为对react本身的不熟悉，另一方面则是对ant-design框架的不熟。因为业务重点在于表单的增删改查，自然是从form表单开始捣鼓。正文antd-form的初始感觉第一次看antd-form文档时，只是感觉头皮发麻，因为...
antd vue form 手动校验_动态生成的表单如何用 el-form 校验，你知道吗？
weixin_39875516的博客
11-25 1382
背景Vue 的 el-form 提供了表单校验功能，常规用法是用 :rules 属性设置校验规则，并通过 el-form-item 的 prop 属性绑定校验规则。但是有一种情况，如果表单位于 v-for 标签中，是动态生成的，该怎么使用 el-form-item 来校验呢？此外，如果待校验的表单是 el-popover 组件中的 readonly 表单，blur 触发不稳定，该怎么处理呢？本文继...
解决vue页面表单校验不生效，一直不消失的问题
qq_51472580的博客
01-18 1334
今天写个Vue页面，这个校验真的是绝了，两个下拉选择的输入框，一样的写法，一个选择后校验提醒会消失，另一个一直不消失，我用表单校验方法在属性更新后单独校验，这个提示还是不消失，然后我把他俩的位置换了一下，发现就那个位置的表单项校验有问题，真的是离谱。后来看文档，翻百度，发现这是vue为了提高性能去复用相同组件导致的，所以需要给每个表单项一个唯一标识的key,让vue对它们单独操作，如下图所示。这样就完美解决了，救命，被这个校验折磨了俩小时！
node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查
最新发布
编程知识分享，主打前端
02-15 2万+
大家好，我是yma16，本文分享关于 node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查。技术选型前端：vite+vue3+antd后端：node koa数据库：mysqlkoa是一个现代的Node.js框架，可以用来构建Web应用程序。Vue.js 是一款用于构建用户界面的开源JavaScript框架。Vue.js 3 是 Vue.js的最新版本，于2020年9月正式发布。Vue.js3相对于之前的版本带来了许多重要的改进和新功能。
antD+Vue后台管理项目总结
whonow33的博客
08-05 1496
Ant Design Vue 后台管理项目总结父组件调用子组件（Modal为例）接口调用插槽的使用ES6中规范写法ES6箭头函数修改数据之后的refresh数据重置时间格式 （moment文档）在一个界面打开另一个界面（路由）上传图片的功能上传图片问题-展示默认图片图片上传问题--不同id对应不同imagegithub 提交github提交规范github命令行提交代码github创建分支查看当前所有命令js实体文本转纯文本方法antD表单绑定和校验规则正则表达式wangEditor富文本编辑器富文本编辑器
如何解决表单提交的onsubmit失效问题
刘杨造梦的博客
06-03 1233
有时候我们提交表单需要进行数据验证，这时候会有很多小伙伴百度找代码然后复制，最后发现失效，有如下几个原因第一：百度很多所谓教程有坑，其中onsubmit中的o是希腊字母o并不是英文字母o导致失效，把这段删掉手动输入，并且return check()后面不要加分号 也不需要在里面加this或者this.form 这些都是错误的教程，都是不懂技术的搬运来的错误教程。check()里使用document.getElementById获取数据，不要使用name啥的 容易出问题第二：通过第一步基本都能正常，如果还不能
Ant Design 4.0更新指南（2）——Form
He Manyuan
04-09 2258
antd 原有的 Form 组件其实已经足够好用了，但是这次 4.0 对 Form 的更新开始注重不止要好用，还要“优雅”。“优雅”这个东西一直都很玄学。 antd 的 Form 一直以来都很特例独行，区别于其它 antd 组件，Form 的调用并不只是简单的引入组件即可，而是先要进行 Form.create()创建一个 Form 实例，使用 FormItem 时还需在 jsx 中调用 form....
ant-design-vue a-radio 默认值与反显
qq_36987708的博客
04-23 8338
基本用法： <template> <div> <a-radio-group v-model="value" @change="onChange"> <a-radio :value="1"> A </a-radio> <a-radio :value="2"> B </a-radio> <a-radio :value
antd vue表单验证_解决antd Form 表单校验方法无响应的问题
weixin_33267354的博客
01-12 6655
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll里面可以接收校验字段数组, options, 和一个回调函数from.validateFields([name, age], {}, (err, val)=> {})校验全部表单数据from.validateFields((err, val)=> {}) // 无响应发现无响...
npm 报错 Error: Cannot find module ‘semver’ 的解决方法（亲测有效）
qq_34412985的博客
03-14 1万+
当遇到这个问题的时候表示你的当前项目node_modules目录下没有npm安装对应得的module模块。 如图 所以你只需要npm install 模块名 即可； 譬如提示“semver”模块没有可以npm install semver。 如果嫌弃默认的npm仓库安装比较慢可以，通过命令修改安装仓库国内淘宝的仓库 npm config set registry https://re...
npm启动项目npm run serve时报错Error: Cannot find module ‘webpack‘ 问题解决办法
qq_34412985的博客
03-09 4606
先安装cnpm后使用 cnpm i 安装包时卡顿然后强制结束下载后再次接着安装node_modules后报错error，启动项目时npm run serve报下面的错， 正确做法：如果强制中断下载后，应将node_modules删除后重新安装即可，安装结束后没有出现error说明成功 PS D:\code\DA_svn\pages\index> npm run serve > dmpd@0.1.0 serve D:\code\DA_svn\pages\index vue-cli-serv
vue的es6语法转成es5
qq_34412985的博客
02-16 2635
npm Error: Cannot find module npm-cli.js
qq_34412985的博客
10-12 2443
问题描述： Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\node_module\npm\bin\npm-cli.js 分析过程： 查看电脑中 npm-cli.js 发现其位置是 D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js 对...
vscode中直接npm install时等时间长然后报错提示请求的网络有问题配置淘宝镜像源
qq_34412985的博客
05-09 1256
默认请求的仓库是 https://registry.npm.org，将其改为https://registry.npm.taobao.org就可以了。 最好的解决方式–使用淘宝源 镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）: 1.通过config命令 $ npm config set registry https://registry.npm.taobao.org $ npm info underscore （如果上面配置正确这个命令会有字符串respons
Vue+ElementUI设计的Steps步骤条表单模板发布
资源摘要信息:"非常简洁好看的Steps 步骤条表单、申请提交表单模板.zip" 【知识点】 1. HTML与CSS基础应用 - HTML（HyperText Markup Language）是构建网页的基础语言，用于定义网页的结构与内容。描述中提到的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值