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

柔情只为你懂 2021-09-18 15:40 619阅读 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 条评论，619人围观）

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

相关阅读

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

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

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

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

相关解决Myeclipse或Eclipse出现JPA project Change Event Handler问题的解决办法

这是Eclipse中的一个GUG： [Bug 386171 - JPA Java Change Event Handler (Waiting)][Bug 386171 - J

梦里梦外;/ 2023年10月17日 14:48/ 0 赞/ 15 阅读

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

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

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

相关 [Vue warn]: Invalid handler for event “close“: got undefined found in ---」「ElDialog」 at packages/

错误信息 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

雨点打透心脏的1/2处/ 2023年02月24日 13:29/ 0 赞/ 22 阅读

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

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

文章目录简介 ChannelPipeline ChannelHandler ChannelHandlerContext ChannelHa

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

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

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

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

相关 Control.Enter Event 与Control.Click Event

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

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

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

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

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