原因1:

看一下表单验证的代码，找到这一句：

this.$refs[formName].validate((valid) => {

看看这里refs的值与el-form上绑定的ref值一直不一致，注意：refs和ref名字需要保持一致

原因2:

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

正确写法：

 <el-button type="primary" @click="submitForm('loginForm')">SIFN IN</el-button>

vue写后台登录出现Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined"的更多相关文章

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

    TypeError: Cannot read property 'validate' of undefined at VueComponent.submitForm (plat_users.html: ...

  2. VUE - 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

     created() {     var that=this     axios.get('http://jsonplaceholder.typicode.com/todos')     .then( ...

  3. [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined、vuejs路由使用的问题Error in render function

    1.[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined 注意,只要出现Error i ...

  4. Vue使用Typescript开发编译时提示“ERROR in ./src/main.ts Module build failed: TypeError: Cannot read property 'afterCompile' of undefined”的解决方法

    使用Typescript开发Vue,一切准备就绪.但npm start 时,提示“ ERROR in ./src/main.tsModule build failed: TypeError: Cann ...

  5. vue.common.js?e881:433 TypeError: Cannot read property 'nodeName' of undefined

    我觉得吧,是这么个原因,就是响应式要找这个node改它的内容,没找着,就报错了. 用computed监控vuex的state属性,绑定到页面上,如果这个属性改了,因为响应式,那么就要更改页面,如果页面 ...

  6. vue v-if:"TypeError: Cannot read property 'length' of undefined"

    在使用v-if判断一个数组大小为0时,会出现 length 是undefined的错误:[Vue warn]: Error in render: "TypeError: Cannot rea ...

  7. 记录下vue 中引用echarts 出现 "TypeError: Cannot read property 'getAttribute' of undefined"问题

    今天做项目,用echarts展示数据 ,自己测试 先测试 了下.写的代码html: <div ref="myChart" style="height:300px;w ...

  8. vue 报错解决：TypeError: Cannot read property '_t' of undefined"

    前端报错如下: [Vue warn]: Error in render: "TypeError: Cannot read property '_t' of undefined" 是 ...

  9. Vue使用Element表单校验错误Cannot read property ‘validate’ of undefined

    在做注册用户的页面使用表单校验一直提示Cannot read property 'validate' of undefined错误,其实这个错误的提示根据有多种情况,比较常见的就是 ref 的名字不一 ...

  10. VUE使用axios数据请求时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

    正常定义全局变量: data:function (){ return{ currentOrders:[] } }, 使用Axios发送请求并获取后端数据时,如果在then中使用this.current ...

随机推荐

  1. Docker和K8S存在的意义

    之前一直没搞明白为什么要用docker和k8s,下面简单说一下: 先说现实中需求: 1.服务器上的环境.数据,有时需要迁移 2.服务器上的资源,需要动态伸缩,比如双十一的时候搞促销,就需要扩容更多的服 ...

  2. 论文解读：Knowledge Neurons in Pretrained Transformers

      论文发表于自然语言处理顶会ACL-2022(原文链接).本文引入知识神经元 (Knowledge Neuron) 的概念,初步研究了预训练Transformer中是如何存储事实知识的:   1.通 ...

  3. 阿里微服务解决方案-Alibaba Cloud之父工程搭建（一）

    一.创建父工程 1.1 选择 File -> Project 1.2 选择创建 Maven 项目 1.3 输入父工程名称和选择项目路径 如图所示,父工程就搭建好了 1.4 在父工程pom.xml ...

  4. Iceberg在袋鼠云的探索及实践

    "数据湖"."湖仓一体"及"流批一体"等概念,是近年来大数据领域热度最高的词汇,在各大互联网公司掀起了一波波的热潮,各家公司纷纷推出了自己的 ...

  5. 利用DNSLOG测试Fastjson远程命令执行漏洞

    由于内容比较简单,我直接贴图,怕我自己忘了. 测试Fastjson版本号:1.2.15 直接发送用burpsuite发送payload,将dataSourceName改成dnslog获取到的域名. p ...

  6. C# Post 使用（multipart/form-data）请求数据

    public static string HttpPostMultipartFormData(string url, NameValueCollection kVDatas, string metho ...

  7. 痞子衡嵌入式：i.MXRT1170使用FlexSPI 2nd引脚组连接串行NOR Flash启动时FDCB需特殊设置

    大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家分享的是i.MXRT1170使用FlexSPI 2nd引脚组连接串行NOR Flash启动时FDCB需特殊设置. 最近痞子衡在支持一个 RT11 ...

  8. windows 10服务器上nginx启动不成功(原因排查和解决办法)

    最近项目上更新了发布程序,原来的测试人员走了,新来的测试人员在进行新版本部署安装的时候发现nginx无法正常启动,还一闪一闪的: 分析1: 新版本的部署程序加了进程守护,如果nginx未启动成功时一直 ...

  9. MybatisPlus更新null到datetime2字段报错：不允许从数据类型 varbinary 到 datetime2 的隐式转换

    背景 今日做开发,数据库使用了SQLServer,expiredTime的值为null时更新报错了,其字段类型为datetime2: Caused by: com.microsoft.sqlserve ...

  10. Restcloud ETL开箱即用-永久免费

    2022年4月18日,国内领先的数据集成企业RestCloud发布了全新的ETL社区版本. RestCloud ETL社区版是一款完全国产化自主研发创新的全WEB化.开箱即用.永久免费的数据集成工具, ...