Vue使用ElenmentUI的表单出现validate is not function错误

最新推荐文章于 2024-07-12 15:34:35 发布
最新推荐文章于 2024-07-12 15:34:35 发布
阅读量1.6k 收藏
点赞数
分类专栏： 编程路上遇到的坑 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41577208/article/details/102972178
版权

在学习使用vue+element 的时候使用表怎么也验证不了，就出现validate is not function异常，百度搜索也没找到合适的解决方案，只能自己调试。以下是错误截图。
在这里插入图片描述
经过一系列尝试发现原来this.$refs.goodsForm变成了数组，导致找不到的。所以只要使用this.$refs.goodsForm[0]就可以解决这个问题。
在这里插入图片描述

锐、锐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何解决this.$refs[XXX].validate is not a function
weixin_48082725的博客
04-15 7352
相信有很多朋友对于动态生成el-form表单进行校验会出现以下情况： 其实不用慌，在动态生成的时候this.$refs.form变成了一个数组，此时的校验可以这样写： this.$refs['form'][0].validate((valid) => { if(valid) { console.log('111') } else { this.$message.warning("");
Vue中使用vee-validate表单验证的方法
08-27
本文将介绍如何在 Vue 项目中快速集成并使用 `vee-validate` 进行表单验证。 首先，要使用 `vee-validate`，你需要通过 npm 安装它。在命令行中执行以下命令： ```bash npm install vee-validate --save --...
使用vue构建一个上传图片表单
12-03
这篇博客也不知道起个什么名字比较好，毕竟刚开始学习vue，很多还不是很熟悉，一直在慢慢摸索中；之前也习惯了用jQuery写js代码，思维逻辑也要有个转换的过程。 1. 转变思维 使用vue编写代码，首先要做的就是转换思维，vue是一个数据驱动的框架，我们只需要操作数据，数据变化后，vue会自动改变DOM结构，而jQuery是直接操作DOM的。比如刚开始写的代码中犯的错误，有一个页面中的input标签是并列多个的，而且name属性的值是自增的，那么我就用v-for循环下，把index填充进去就行了，删除的时候根据index再进行删除。于是代码是这样的： html: <div id="app"
vue3 el-form校验 报错formRef.value.validate is not a function
2301_76162638的博客
12-28 3812
在保存按钮中打印formRef.value.validate()是有值的，所以我给它们增加了。
ElementPlus的简单使用
最新发布
qq_53118426的博客
07-12 3216
Element：是饿了么公司前端开发团队提供的一套基于 Vue3 的网站组件库，用于快速构建网页。Element 提供了很多组件（组成网页的部件）供我们使用。例如 超链接、按钮、图片、表格等等。官方网站：https://element-plus.org/zh-CN/#/zh-CN链接:link。
runtime-core.esm-bundler.js?d2dd:218 Uncaught TypeError: formRef.value?.validate is not a function
weixin_51614564的博客
08-09 6057
1.vue3 使用 elemetPlus 组件，写表单验证时，在setup 里面也登录验证方法时，我们拿到了组件对象，但是在调用这个组件对象的的属性方法时，发现控制台打印的 这个方法无效。写在网上查找了许多方案也未得到解决。网上大部分都是vue2 使用解决方案。猜想可能是elementplus只兼容script setup 的原因。1.利用vue 里面有个函数，利用这个函数将这个登录验证方法暴露出去。之前我们是这么写的：控制台打印并没有这个属性和方法，后来找了好友圈的一个大佬也是研究半天得以解决，...
el-from 报 validate is not a function
wzzjswx的博客
09-21 1276
想着写了那么久的代码，不应该犯这种问题呀，大概的过了下代码，每个from-item的prop属性也带了，属性名也对上了。再说提示的是validate错误，也不应该是form-item的错误。在对比了下写法，也没怎么发现问题。最近在写表单验证规则的时候，突然报一些“xxx.value.validate is not a function”的错误。在写表单组件的手抽筋，给ref加了个绑定。好吧，是更简单的问题导致的。
Vue：Element-UI的表单验证出现validate is not function错误解决方法
热门推荐
奋斗鱼
06-28 2万+
前端使用Vue框架，并用Element UI组件库搭建管理系统 按照官网的demo，表单html代码如下 <!-- 新建用户 --> <el-dialog title="新建用户" :visible.sync="addUserVisible" ref="addUserForm" v-dialogDrag> <el-form :model="addUserForm" :rules="addUserRule">
关于Vue中$refs的探索浅析
01-18
最近公司在做一个新项目，出需求，原型图，UI图，接下来就轮到我了，画页面。在画页面的过程中，涉及到父子路由，于是，便自然想到了<router></router>，按照以往的操作，确定父子关系，配置好路由，就OK了。但是，...
使用Vue动态生成form表单的实例代码
12-11
在本文中，我们将探讨如何使用 Vue 动态生成具有数据收集、校验和提交功能的表单。`form-create` 是一个非常实用的库，它允许开发者根据规则动态创建复杂的表单，包括复选框、单选框、输入框、下拉选择框、省市区三...
el-form 报 fromEl.validate is not a function
Young960923的博客
03-14 612
问题描述 :写vue3表单校验时, 报fromEl.validate is not a function。表单的ref没有定义。
ElementPlus表单验证报错 formEl.validate is not a function
y523648的博客
11-15 2740
el-button type="primary" @click="onSubmit(ruleFormRef )">确定最近在学习element plus，做到表单那里始终报错 formEl.validate is not a function。确定form-item也指定了prop。
解决vue报错this.$refs[xxx].validate is not a function
柒个橙子的博客
10-27 1万+
正常情况下报错this.$refs[xxx].validate is not a function可能我们使用nextTick 延迟加载去解决，如若使用了nextTick依旧报错 当使用this.$refs[xxx].validate 的时候，如果是xxx为一个变量传进来的，如下 这种情况下，是不需要加[0]的 这种情况下必须是this. $refs[xxx][0]否则会如标题的报错 ...
Uncaught TypeError: $(...).validate is not a function
qq_42819207的博客
04-22 2077
Uncaught TypeError: $(...).validate is not a function 解决办法
v-for循环中使用form表单验证TypeError: this.$refs[formName].validate is not a function
ZMJ_QQ的博客
09-03 1438
this.$refs[formName]是一个数组，并且循环中所使用的表单验证是相同的，所以直接获取数组中的第一个 this.$refs[formName][0].validate((valid)=>{}
elementUI 表单检验报错：this.$refs[xxx].validate is not a function
不知名人士的博客
12-09 2558
一般是因为表单嵌套循环了，可以控制台打印一下 this.$refs[xxx] ，你会发现输出的是一个数组，因此也应该循环输出： for (let i = 0; i < XXX.length; i++) { this.$refs[formName][i].validate((valid) => { callback(valid) }) } 这里的 formName 是字符串形式的你的表单的名字，XXX是对应嵌套循环那个数据列表数组的名字。 ...
Uncaught TypeError: $(...).valid is not a function
墨 尘
08-18 943
基本上都是没有引入这个js： jquery.validate.min.js
解决表单校验报错‘this.$refs[formName].validate is not a function’
weixin_67898309的博客
07-06 9053
报错原因：这种情况下获得表单的方法会得到一个数组而不是对象, 直接使用 方法才会报错; 可以通过断点调试查看结果, 是数组对象 elementui 中 form 使用的一个坑: 当使用循环渲染来同时使用多个 form 的时候, 直接使用官方示例代码来使用 form 的方法会报错, 正确的写法是这样:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值