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

柔情只为你懂 2021-09-18 15:40 602阅读 0赞

解决Invalid handler for event "click":问题

上一篇文章介绍了如何搭建一个基于vue和ElementUi 的项目，当我在项目中添加 一个button按钮，并未这个按钮添加一个@click事件

<el-button type="primary" icon="el-icon-edit" circle @click="addNew" ></el-button>

这时我的<script>是这样的

<script>  
export default \{  
  name: 'App',  
    methods:\{  
        addNew:function()\{  
            console.log("你点击了新增按钮！")  
        \}  
    \}  
\}  
</script>

运行到浏览器发现样式正确,但是当我点击按钮的时候虽然触发了console打印了你点击了新增按钮，但是控制台抛出一个错误：vue.common.js?e881:2643\[Vue warn\]: Invalid handler for event "click": got undefined ......

有问题找百度，有人说method需要和data同级，但是我的代码里面并没有出现data结构，那会不会是这个原因呢？OK，那好在代码中加入data，于是我的<script>变成了这样：

<script>  
export default \{  
  name: 'App',

//添加data  
    data()\{  
        return \{  
              
        \}  
    \},  
    methods:\{  
        addNew:function()\{  
            console.log("你点击了新增按钮！")  
        \}  
    \}  
\}  
</script>

再次运行发现问题解决了，那会不会真是这个原因导致出错呢？为了重现错误我又将代码改了回去，重新编译发现同样没有问题。这个错误就这样不知道为什么就解决了！！

额到此问题虽然解决了，但是导致问题出现的原因却没能明白，还求大佬告知！

发表评论取消回复

表情：

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

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

相关阅读

相关 Google:Error in event handler for runtime.onInstalled: TypeError: Cannot read property 'sync'...

开发谷歌插件出现错误错误信息： Error in event handler for runtime.onInstalled: TypeError: ...

Love The Way You Lie/ 2024年04月19日 12:01/ 0 赞/ 48 阅读

相关 No handler found for GET，No handler found for POST

接口测试出现No handler一般是接口URL不对，检查URL书写是否正确。还有可能是Mapper层没有被扫描到，检查下对应接口的Mapper路径。 ![aff3611

墨蓝/ 2024年03月31日 16:43/ 0 赞/ 76 阅读

相关 react Invalid DOM property `for` (已解决)

这个错误是我在使用react中jsx语法，写html标签的时候遇到的解决办法根绝console控制台的提示信息将

分手后的思念是犯贱/ 2023年06月30日 14:55/ 0 赞/ 5 阅读

相关 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 赞/ 93 阅读

相关 netty系列之:Event、Handler和Pipeline

文章目录简介 ChannelPipeline ChannelHandler ChannelHandlerContext ChannelHa

约定不等于承诺〃/ 2022年09月03日 11:24/ 0 赞/ 130 阅读

相关解决：class invalid for deserialization序列化的问题（真实有效）

数据库连接失败在数据库连接失败，经常会有蛮多一系列的问题导致的原因，这个时候一定要多去尝试一下各种方法，并且做好自己的梳理！ --------------------

约定不等于承诺〃/ 2022年05月21日 08:36/ 0 赞/ 136 阅读

相关 $( document ).on( "click", ".element", function ( event ) {

.$(document).on('click','要选择的元素',function()\{\})是属于jquery的语法例程： <html> <body>

女爷i/ 2022年04月04日 13:02/ 0 赞/ 359 阅读

相关 An invalid domain [] was specified for this cookie问题解决方案

> An invalid domain \[\] was specified for this cookie问题解决方案 1.【问题描述】：项目运行在Tomcat 8.

小鱼儿/ 2022年02月03日 20:01/ 0 赞/ 784 阅读

相关 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 赞/ 603 阅读