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

最新推荐文章于 2022-04-12 17:36:42 发布

GDBBader

最新推荐文章于 2022-04-12 17:36:42 发布

阅读量3.7k

点赞数

文章标签： vue html javascript

本文链接：https://blog.csdn.net/qq_31646657/article/details/109188411

版权

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>