Vue使用回车登录的时候报 Uncaught TypeError: Cannot read properties of undefined (reading 'validate')

错误代码: created() { // 按下回车执行登录按钮点击事件 var _self = this document.onkeydown = function(e) { var key = window.event.keyCode if (key == 13) { _self.handleLogin(this.ruleForm) } } }, 正确代码: created() { // 按下回
错误代码:
    created() {
    // 按下回车执行登录按钮点击事件
    var _self = this
    document.onkeydown = function(e) {
      var key = window.event.keyCode
      if (key == 13) {
        _self.handleLogin(this.ruleForm)
      }
    }
  },
正确代码:
created() {
    // 按下回车执行登录按钮点击事件
    var _self = this
    document.onkeydown = function(e) {
      var key = window.event.keyCode
      if (key == 13) {
        _self.handleLogin('ruleForm')  //主要问题出在这里
      }
    }
  },
 
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

首先我们在项目根目录下创建目录并创建我们的css文件common.css打开项目下的App.vue文件,添加如下代码,引入我们的自定义的样式css文件@important “common/common.css”
uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网
vue中,我们有时候需要实现这种场景: 1.搜索页面到列表页面,需要刷新重新获取数据。 2.从详情页面返回列表页面需要记住上次浏览的状态。具体流程如下: 第一步:在路由配置文件中为列表页设置meta参数,里面包含useCatch和keepAlive { path: "/sport
一、keep-alive是什么? keep-alive是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! keep-alive是一个抽象组件:它自身不会渲染一个DOM元素,也不