[VUE]报错:Error in v-on handler: “TypeError: handler.apply is not a function“

原创 已于 2022-04-06 15:48:12 修改 · 6.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #html #css3

于 2022-04-04 19:28:14 首次发布
本文介绍了在Vue项目中，如何避免因`change`事件名与数据属性名重名导致的问题，通过在事件处理函数前添加布尔值来修复。

以下为代码出错的地方：

<input name="m1" type="checkbox" v-model="agree" @change="agree"/>
data() {
    return {
      // 是否同意
      agree:true
    }
},

原因就是处理事件的函数名和data中的数据名“重名”！

 解决方法：给change事件加一个布尔值即可！

<input name="m1" type="checkbox" v-model="agree" @change="agree=true"/>

Loery1314
关注
vue - 使用百度地图vue-baidu-map插件动态刷新地图后报错（调用handler()方法报错：Error in y-on handler: “TypeError: Cannot read）
高级前端工程师
01-02 3756
vue，vue-baidu-map，百度地图，动态刷新地图点位，vue中使用百度地图vue-baidu-map刷新数据，vue-baidu-map覆盖层不动态刷新问题，如何让地图根据数据变动自动更新，Vue-baidu-map 动态刷新地图的方法，解决vue2百度地图的实时更新问题，Vue-baidu-map怎么手动更新地图数据，vue百度地图插件Vue-baidu-map如何更新动态地图数据，vue.js集成百度地图插件vue-baidu-map，Vue-baidu-map刷新api，解决Vue baid
TypeError: originalEvents[key].apply is not a function
张木期的博客
11-08 1191
以上错误时因为，v-model, v-decorator,@change 三者同时存在造成的，任意去掉一个报错消失，即可进行下拉多选了。在antd 中写select组件。
vue报错：Error in v-on handler: “TypeError: handler.apply is not a function“
just a moment
07-04 1万+
报错截图： 问题所在： 处理事件的函数名和data中定义的数据名相同。 当给事件添加处理函数时，先找到了data中定义的变量名而不是函数名，所以会出现TypeError错误。 百度很久都说是因为重名，可是我函数方法都还没开始写，后来在按钮的点击事件里找到了，真的是“重名”了，晕死。 给点击事件加一个布尔值就解决了。 @click="addRoleVisible = true" 以下是供参考的源代码： <el-button type="primary" @click="addRoleVisible"
[Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"
热门推荐
乐夫天命兮的博客
07-29 10万+
在使用vue.js项目开发中遇到警告，如此下图所示： 出错部位代码如下： <el-button :icon="showfilter == true?'h-icon-filter':'h-icon-filter_f'" type="iconButton" title="高级查询" class="class-show" @click="showfilter" ></e...
Error in v-on handler: “TypeError: handler.apply is not a function“
T1923_的博客
12-19 2197
上图是我的报错信息，其他文章说的是，使用Vue ”属性名“ 与 ”方法名“ 冲突导致的错误。 我报错是因为在iview的table组件中，使用columns的render函数编辑列样式时使用了JSX ，在写方法的时候未使用 bind 定义 this 指向 导致错误 下图是我解决后代码 ...
vue中成功解决[Vue warn]: Error in v-on handler: “TypeError: handler.apply is not a function“
懂搬砖
04-30 977
我们在使用v-for的时候，都要必须加上一个唯一的key值，但是这里写了两个for循环，尽管都加上了key值,然而又将key的值写成一样的了。vue绑定的 变量名 和 函数名 重名了，变量名和函数名不能一致，一定要注意啦！
[Vue warn]: Error in v-on handler (Promise/async): “TypeError: _this4.$refs.addCont.getValues is not
agua001的博客
11-09 2675
1、调用子组件校验的方法时报错： 2、代码： 父组件： // 新增修改弹窗确定按钮 async handleOk() { let url = this.$url.SITE_MANAGE_LIST_ADD; let method = "str"; let formData = await this.$refs.addCont.getValues(); console.log(formData); // 判断是否在新增修改有选中？ if(formData && form
[Vue warn]: Error in v-on handler (Promise/async): “NavigationDuplicated: Navigating to current loca
?sonder* 的博客
08-08 1959
场景   运用编程式路由导航，处在当前路由状态下，进行二次跳转（一直点击同一个按钮）时会报错 [Vue warn]: Error in v-on handler (Promise/async): "NavigationDuplicated: Navigating to current loca 解决办法 使用onComplete()、onAbort() this.$router.push({ path: ‘/XXX’ },onComplete => {},onAbort => {})  
[Vue warn]: Error in v-on handler: "TypeError: wx.scanQRCode is not a function"
07-27
- *2* [[VUE]报错:Error in v-on handler: “TypeError: handler.apply is not a function](https://blog.csdn.net/Loery1314/article/details/123958514)[target="_blank" data-report-click={"spm":"1018.2226....
报错了：chunk-vendors.js:3551 [Vue warn]: Error in v-on handler: "TypeError: this.$refs.audioRef.play is not a function"
最新发布
10-19
在 UniApp 开发中出现 `chunk-vendors.js:3551 [Vue warn]: Error in v-on handler: "TypeError: this.$refs.audioRef.play is not a function"` 错误，通常是因为 `this.$refs.audioRef` 没有正确引用到 `audio` ...
项目报错：handler.apply is not a function
Devin_Chen的博客
05-09 3万+
今天运行项目的时候，报出错误：Error in v-on handler: "TypeError: handler.apply is not a function" 报此类错误的原因是：变量名和方法名重名了； 通过查找发现： 所以将变量名或者方法名的其中一个更换即可解决； ...
[Vue warn]: Error in v-on handler: “TypeError: handler.apply is not a function“ elementUI 报错
weixin_40918145的博客
12-20 630
修改：@click="open = true"
TypeError: handler.apply is not a function 解决方法
qq_56088882的博客
03-10 2003
因为我@click绑定了一个事件，事件的名字和我在data中声明的变量名字冲突，导致vue认为我@click的是一个变量而不是方法。
handler.apply is not a function！
weixin_43910427的博客
04-18 304
图片截图的是其他博主的文章，地址：
【bug report】handler.apply is not a function
kikikiuu的博客
10-11 590
【bug report】handler.apply is not a function
开发中遇到的bug-Vue：_handler.apply is not a function
火腿肠的博客
10-14 399
解决办法：看看代码中把和变量名相同的函数名更改更改一下 原因： 变量的命名与函数命名相冲突 当解析函数时解析到了变量
TypeErrow: handler.apply is not a function
AmyGeng123的博客
02-10 943
当项目中出现错误TypeErrow: handler.apply is not a function时, 不仅仅要查看是否有与方法名相同的变量, 另外还需要排查方法是不是正确的函数格式
vue:TypeError: handler.apply is not a function
weixin_40785343的博客
10-17 635
用vue写组件的时候，console台突然报错 最后查阅发现是组件data中有变量名与methods中的方法重名，修正后即可
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值