vue.js:634 [Vue warn]: Invalid handler for event “click“: got undefined

快来打我* 2022-12-16 14:26 91阅读 0赞

# vue.js:634 \[Vue warn\]: Invalid handler for event “click”: got undefined #

Vue运行报错，记录一下原因。

## 报错代码如下 ##

### HTML ###

<div id="app">
        <button type="button" @click="clickCount">You have click me {
       {count}} times</button>
        <button type="button" @click="clickCount2">You have click me {
       {count}} times</button>
    </div>

### JavaScript ###

var app = new Vue({ 
        el:'#app',
        data:{ 
            count:0
        },
        computed:{ 
            clickCount:function(){ 
                this.count ++;
            }
        },
        methods:{ 
            clickCount2:function(){ 
                // alert("click me ");
                this.count ++;
            }
        }
    })

## 原因 ##

click调用函数与计算属性时应带上括号`（）`

<div id="app">
        <button type="button" @click="clickCount（）">You have click me {
       {count}} times</button>
        <button type="button" @click="clickCount2（）">You have click me {
       {count}} times</button>
    </div>

发表评论取消回复

表情：

评论列表（有 0 条评论，91人围观）

还没有评论，来说两句吧...

相关阅读

相关 [Vue warn]: Invalid prop: type check failed for prop “clearable“. Expected Boolean, got String with

今天写了点前端，想要一个下拉选择框带清除功能，翻看Element文档得知加上clearable参数即可 ![20200831173742984.png][] 乍一看，默认为

叁歲伎倆/ 2023年10月05日 09:23/ 0 赞/ 40 阅读

相关 vue报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String....

报错信息： ![1716250-20190709221802590-453982360.png][] 错误原因： input绑定item.attr\_vals传入了空值，

我不是女神ヾ/ 2023年08月17日 17:30/ 0 赞/ 51 阅读

相关 vue.js:634 [Vue warn]: Invalid handler for event “click“: got undefined

vue.js:634 \[Vue warn\]: Invalid handler for event “click”: got undefined Vue运行报错，记录一

快来打我*/ 2022年12月16日 14:26/ 0 赞/ 92 阅读

相关 vue.runtime.esm.js:619 [Vue warn]: Error in event handler for “el.form.change“: “TypeError: dateObje

背景： vue.runtime.esm.js:619 [Vue warn]: Error in event handler for "el.form.ch

素颜马尾好姑娘i/ 2022年12月08日 04:17/ 0 赞/ 210 阅读

相关 [Vue warn]: Invalid prop: type check failed for prop “src“. Expected String, Object, got Module

环境 Laravel8 + Vue2.x + Vuetify2.x 报错 <template> <v-list-item class="mb-

我不是女神ヾ/ 2022年10月29日 09:06/ 0 赞/ 15 阅读

相关日常报错、[Vue warn]: Invalid prop: type check failed for prop "multiple". Expected Boolean, got String.

VUE报错如下： \[Vue warn\]: Invalid prop: type check failed for prop “multiple”. Expected B

旧城等待，/ 2022年04月08日 10:38/ 0 赞/ 561 阅读

相关心碎的异常（三）——[Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Number.

> 最近在做SSM与vue.js做后端管理系统，前端使用的是vue.js的elementUI,在使用进行动态获取循环菜单栏数据时报如上异常，异常一直在页面控制台无限循环报错

朱雀/ 2022年03月09日 12:52/ 0 赞/ 226 阅读

相关 [Vue warn]: Invalid prop: type check failed for prop "action". Expected String with value "undefined

说action期待值是string,可是我连action属性都没找到看了半天发现：使用 el-upload 组件做文件上传时，写了自定义方法，但是el-upload的act

秒速五厘米/ 2021年12月10日 08:23/ 0 赞/ 521 阅读

相关 Control.Enter Event 与Control.Click Event

本文部分资料摘自书籍和官网，由number1killer翻译、整理。 Control.GotFocus Event [https://docs.microsoft.com/

爱被打了一巴掌/ 2021年09月24日 15:10/ 0 赞/ 221 阅读

相关解决Invalid handler for event “click“:问题

解决Invalid handler for event "click":问题上一篇文章介绍了如何搭建一个基于vue和ElementUi 的项目，当我在项目中添加一个bu

柔情只为你懂/ 2021年09月18日 15:40/ 0 赞/ 602 阅读