element-ui 提交from表单卡住了 [Element Warn]please pass correct props!

最新推荐文章于 2023-12-18 16:24:14 发布
最新推荐文章于 2023-12-18 16:24:14 发布
阅读量1.5w 收藏 4
点赞数 1
分类专栏： JavaScript 文章标签： JavaScript element-ui Form 【Element Warn】 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BNK_along/article/details/96335969
版权

element-ui from表单卡住了

如图填完表单要点击下一步时，没有反应，没有跳到下一个步骤，卡住了。
在这里插入图片描述
查看控制台，发现每点一次【下一步】就有多一个element-ui框架的警告：
[Element Warn]please pass correct props!
在这里插入图片描述
原来是没有给el-form表单中的el-form-item传prop参数，这个prop参数是表单域 model 字段，在使用validate、resetFields 方法的情况下，该属性是必填的。

BNK_along
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
为啥安装element-plus了，还是出现3个关于element-plus的bug？
weixin_40945354的博客
10-22 1085
% yarn add element-plus yarn add v1.22.10 warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caus
[Element Warn]please pass correct props!
最新发布
WX_nbclass的博客
07-18 217
但是造成这个原因的原因是多样的，大多时候都是粗心导致的不一致（前几次我都是，但是这次！我检查了好几遍 肯定是一样的！这个错误的根本原因就是使用validateField传入fields与实际表单的不一致。但是打印this.$refs.formname发现里面没有 —— 问题就出在这里。在使用element表单校验validateField的时候 控制台报错。不知道为什么虽然从表面来看 表单确实已经绑定上了校验（显示了必填星号），这次我写了一些表单项的prop是绑定的 ，像这样、
【Element】浏览器控制台[Element Warn]please pass correct props
记录开发学习笔记
12-18 1778
element warn: please pass correct props
vue-element-admin安装时报错
01-20
错误信息：DELL@WXT-microcomputer MINGW64 /e/Vue/ProjectTest/vue-element-admin (master) $ npm install –registry=https://registry.npm.taobao.org npm WARN deprecated runjs@4.4.2: This project has been ...
vue-cli3/4 vue ui创建elementui项目
01-07
npm WARN deprecated core-js@2.6.11: core-js@ /usr/local/lib/node_modules/@vue/cli/bin/vue.js > core-js@3.6.4 postinstall /usr/local/lib/node_modules/@vue/cli/node_modules/core-js > node -e try{require...
vue-admin-element项目突然起不来解决方法.docx
12-10
Vue-admin-element 是基于 Vue.js 的一个管理后台模板，它利用 Element UI 提供丰富的组件和样式，帮助开发者快速构建后台管理系统。然而，当你遇到“vue-admin-element 项目突然起不来”的问题时，这通常意味着项目...
WARN Failed to install dependencies. Please run ‘npm install’ manually!解决方案
01-07
1.git安装 2.nodejs安装 node -v npm -v #换镜像 ...# 少空格也会报错 cnpm #查看镜像 #用cnpm 全局安装 hexo客户端 cnpm install -g hexo-...WARN Failed to install dependencies. Please run ‘npm install’ manually!
springboot+swagger-ui+PageHelper分页+logback+动态定时
06-24
在本项目中，我们主要探讨的是如何利用SpringBoot框架，集成Swagger-UI、PageHelper、Logback以及动态定时任务的功能。下面将详细讲解这些技术及其整合应用。 首先，SpringBoot是一个由Pivotal团队开发的Java框架，...
props 警告
Hcy_cy的博客
03-22 389
prors 父传子出现这种警告 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop b...
elementui-plus问题：el-form报错：model is required for validate to work!
射手天之玉的博客
08-30 606
placeholder="请输出密码123456"方法：注意是:model千万不要写成v-model了，问题解决。提示：form的应用，对应第一条，一定要用 v-model。
使用ElementPlus的弹窗显示异常
weixin_48474646的博客
11-18 1608
问题描述： 使用ElementPlus的弹窗显示异常 原因分析： 由于系统的弹窗css没导入 解决方案： 在项目的main.js页面里倒入css。导入写法 import ‘element-plus/dist/index.css’
ElementPlus报错: [ElForm] unexpected width NaN
weixin_45346457的博客
10-18 4008
ElementPlusError
vue3+elementPlus-浏览器告警解决error.ts:14 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination
wzy_PROTEIN的博客
06-28 2225
在使用elementuiPlus的分页器组件的时候，发现会有如下图警告。对照官方文档也没什么问题，然后把total删了就发现不报错了。解决办法：给total一个初始值，我是给了0。原因是：在定义total的时候没有初始值。
antd form表单 input 警告边框样式修改
weixin_36766850的博客
12-10 1656
elemnet ui vue笔记
lyxkgc的博客
05-14 2808
elemnet ui vue pc端 2020.05.15 总结： form表单组 <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label="审批人"> <el-input v-model="formInline.user" placeholder="审批人"></el-input> </el-form-ite
Element plus之el-form表单验证失效+动态表单验证+多层级对象属性验证方案
热门推荐
visket2008的专栏
10-18 1万+
旨在解决项目过程中遇到触发el-form验证失效，多级对象属性如何编写验证规则，动态表单控件如何处理。
Warn]please pass correct props! vue提示的
06-10
这个警告通常在Vue组件中出现，表示您需要将正确的属性传递给组件。您可能会遇到此警告的原因可能是： 1. 在传递属性时，属性名称拼写错误或大小写错误。 2. 传递的属性值类型不正确，例如传递了一个字符串而不是一...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值