[Element Warn]please pass correct props!

这篇具有很好参考价值的文章主要介绍了[Element Warn]please pass correct props!。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

表单提交 报错[Element Warn]please pass correct props!

弹层 添加数据 form表单,确保检查完每个prop都写了,但还是报以上错误

搜索后没有找到能用的解决方案,仔细查看代码,发现element-ui / form api用错了

错误代码

this.$refs['addForm'].validateField((vaild) => {
   console.log(vaild)
   if(vaild) { }
})

错误原因

validateField   对部分表单字段进行校验的方法
使用方法 
Function(props: array | string, callback: Function(errorMessage: string))

正确代码

this.$refs['addForm'].validate((vaild) => {
   console.log(vaild)
   if(vaild) { }
})

还是要细心些呀!!!!!文章来源地址https://www.toymoban.com/news/detail-605346.html

到了这里,关于[Element Warn]please pass correct props!的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element-ui分析

    bootstrap 引导安装包 引导安装包 build:file 生成入口文件 node build/bin/iconInit.js 用于生成../../examples/icon.json,解析icon.scss, 把所有的icon的名字放在icon.json里面,遍历名字显示icon(不用每次添加了icon就要修改example) node build/bin/build-entry.js 主要用于生成 /src/index.js入口文件. node build/bi

    2024年02月10日
    浏览(36)
  • element-ui组件

    一、图像组件 el-image:保留了原生的img的属性 二、导航菜单(NavMenu) 1、导航方向:通过mode属性设置 2、菜单项: 三、上传组件:Upload 示例: (1)使用elementUI的上传组件将图片上传到服务器并保存到数据库中 (2)在el-table控件中将上传的图片显示出来 实现过程: (1)给

    2024年02月02日
    浏览(42)
  • 安装element-ui后,运行报错ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Erro

    ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Error: Can’t resolve ‘throttle-debounce/debounce’ in “xxx” ERROR in ./node_modules/_element-ui@2.13.2@element-ui/lib/tooltip.js Module not found: Error: Can’t resolve ‘throttle-debounce/debounce’ in ‘D:IdeaProjectsdolphindolphinscheduler-uinode_modules_element-ui@

    2024年02月11日
    浏览(48)
  • element-ui消息组件

    目录 一、elementUI的消息组件 1、MessageBox 弹框:是模态框 2、Message 消息提示:非模态框,常用于主动操作后的反馈提示。 3、Notification 通知 二、Form表单: 1、基本结构  2、表单控件 三、Dialog组件 1、使用方法 1、MessageBox 弹框:是模态框 ​ (1)消息提示:当用户进行操作时

    2024年02月02日
    浏览(93)
  • 修改element-ui源码

    element-ui修改源码 1.首先,从git上拉取element的源码 2.安装依赖 npm install 3.修改 packages 中的源码,然后进行打包 npm run dist 4.找到你的项目中的 node_modules 包下的 element-ui 文件夹下的 lib 包,用你修改好后打包生成的 lib 包进行替换即可生效 下载链接在官网底部

    2024年02月11日
    浏览(46)
  • element-ui---头像上传

    样式 必选参数,上传的地址 是否显示已上传文件列表 文件上传成功的钩子 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。 1.代码    可以看出在上传之前和上传完成后接收的两个参数对应相应的操作。 。

    2024年02月13日
    浏览(44)
  • element-ui 动态表单

    背景:朋友入职新公司,做项目重构,根据后端返回表单内容,动态生成表单,于是自己实现了下,哪里写的不好,欢迎各位提建议: 因为开关和多选框默认值是非空字符串,所以在created生命周期单独处理了下

    2024年02月11日
    浏览(86)
  • element-ui如何导入

    Element UI是一个基于Vue.js的UI组件库,可以帮助您快速构建网站或应用。 要在您的Vue.js项目中使用Element UI,您需要进行以下步骤: 1.安装Element UI: 在命令行中运行以下命令,将Element UI安装到您的项目中: 或者,您也可以使用Yarn: 2.在您的Vue.js项目中导入Element UI: 在您的项

    2024年02月14日
    浏览(38)
  • Element-ui 路由导航

    1.router数组 2.下载插件(解决div的bug) 3.创建sidebar-item 4.引用组件

    2024年02月12日
    浏览(52)
  • 【前端】Element-UI和Element-Plus的区别

    Element-UI对应Element2:基本不支持手机版 Element-Plus对应Element3:组件布局考虑了手机版展示 Element-ui适用于Vue2框架 Element-plus适用于Vue3框架 在element-ui中的dialog有 :visible.sync属性 可进行父子组件之间的双向绑定(vue2写法) 具体的写法为: 需要在computed中进行告知操作 在props传值

    2024年02月11日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包