vue表单校验提交报错TypeError: Cannot read property 'validate' of undefined

最新推荐文章于 2024-07-20 14:18:19 发布
最新推荐文章于 2024-07-20 14:18:19 发布
阅读量3.7k 收藏 1
点赞数 3
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/knuzy/p/10267660.html
版权
TypeError: Cannot read property 'validate' of undefined at VueComponent.submitForm (plat_users.html:385) at Proxy.boundFn (vue.js:130) at click (eval at makeFunction (vue.js:8480), <anonymous>:2:5611) at VueComponent.invoker (vue.js:1948) at VueComponent.Vue.$emit (vue.js:2549) at VueComponent.handleClick (element-ui.js:3) at boundFn (vue.js:130) at HTMLButtonElement.invoker 

原因是 @click="submitForm(ruleForm)" 中的 ruleForm 没有使用引号。

正确写法：

<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>

转载于:https://www.cnblogs.com/knuzy/p/10267660.html

weixin_30852367
关注
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
elemetui-vue表单校验报错“TypeError Cannot read properties of undefined (reading ‘indexOf‘)
qq_46490956的博客
09-04 472
然后百度了一下，看到了大佬的代码解释，是因为表单里面有<el-form-item>上面用了v-if所以导致两个表单切换清空校验时出现了问题；解决方法：用div包裹有v-if的<el-form-item>并且把v-if写道div上；看代码发现就是这段代码报错，通过注释排除发现就是在清空校验时报错，环境：vue2+elementui。
vue3进行路由跳转时出现错误：TypeError: Cannot read properties of undefined (reading ‘push‘)
qq_63075864的博客
11-18 2157
语法中，变量的作用域由自动注入的上下文管理，因此在函数外部定义的变量会在整个组件中共享。然而，Vue Router的。中出现问题，因为Vue组件的生命周期外部，Vue Router可能无法正确注入。是一个依赖于组件实例的函数，因此在组件外部使用它可能会导致一些问题。函数内部创建的，而不是在组件的生命周期外创建。解决办法，把$router的定义挪到login函数外部即可。
企业微信PC版应用跳转到默认浏览器，避坑指南，欢迎补充（Vue项目版）。。。
最新发布
zhanyd的博客
07-20 1813
以前的文章写过这个话题，以前介绍的是前后端一体的Jsp项目，这次我使用的是前后端分离的Vue项目，这两者实现的方式差异较大，我在开发的过程中也碰到了不少问题，所以我再写一篇文章作为补充。
TypeError: Cannot read properties of undefined (reading ‘state‘)
热门推荐
cjhxydream的博客
08-10 3万+
Cannot read properties of undefined
【报错解决】Vue Element UI表单验证报错 Cannot read property ‘validate‘ of undefined
我梦
11-23 5186
【报错解决】Vue Element UI表单验证报错 Cannot read property 'validate' of undefined报错还原项目背景报错原因报错解决 原创不易，有用请鼓励个【赞】，谢谢你哦 ~ 报错还原 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'validate')" 项目背景 VUE + Element UI 使用Element
TypeError: Cannot read properties of undefined (reading ‘validate‘)
weixin_51052779的博客
02-21 8351
this.$refs['ruleIngredientsForm'].validate((valid) => { if (valid) { alert('submit!') return true } else { console.log('error submit!!') return false...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Cannot read properties of undefined (reading ‘resetFields‘)“
embelfe_segge的博客
03-03 2324
form表单自带resetFields重置与validate验证报错 Cannot read properties of undefined (reading ‘resetFields’)" Cannot read properties of undefined (reading ‘validate’)" 1、语法是否正确 //重置表单 this.$ refs.searchForm.resetFields() 或 this.$ refs[‘searchForm’].resetFields() //表单验证
Vue：Element-UI的表单验证出现Cannot read properties of undefined (reading ‘validateField‘)
MonkeyRideDonkey的博客
07-25 314
resfs后面这个应该与ref相同。
Vue使用Element表单校验错误Cannot read properties of undefined (reading ‘validate‘)
m0_72295598的博客
08-22 527
绑定的数据必须一致，我这里因为从Element复制过来没注意到，所以忘记改了。改成一样的就没问题了。
解决vue中报错 TypeError: Cannot read properties of undefined (reading ‘value‘)“
xybhua的博客
12-29 6962
中容易出现这种报错，根本原因其实是因为没有判断数组是否为空，就已经去用数组里面的变量了，故导致报错。
uniapp中‘TypeError: Cannot read property ‘state‘ of undefined’问题的解决
Aphea的博客
10-06 2万+
问题描述： 在uni-app项目中，使用vuex； 在store/index.js中设置好了state后（简化代码如下）： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { hasLogin: 0 } }) export default store 在其他页面中访问state（简化代码如下）： onLoad() { if (!this.$store
Vue校验时报Cannot read property ‘validate’ of undefined错误
seanyang_的博客
11-06 3099
el-button type="primary" @click="onExec('formData')">执行SQL1、传值的时候，要带引号。2、传的值要和ref一致。
Vue 表单验证报错 -- Cannot read property 'validate' of undefined
诗酒趁年华
06-29 8787
把下面的$refs和表单ref名字保持一致就行了。 ref="loginForm" this.$refs.loginForm.validate(valid => { })
ElementUI表单校验报错TypeError: Cannot read properties of undefined (reading ‘validate‘)
swlimuhao的博客
08-25 3438
Vue2工程中使用ElementUI表单(Form)的表单校验时出现报错：TypeError: Cannot read properties of undefined (reading 'validate')
vue 打包后报错 TypeError: Cannot read properties of undefined (reading 'echarts')
01-25
根据提供的引用内容，你可以尝试以下两种方法来解决vue打包后报错TypeError: Cannot read properties of undefined (reading 'echarts')的问题： 1. 确保正确引入echarts库： 在你的vue项目中，首先确保你已经正确...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值