[Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"

最新推荐文章于 2024-08-04 00:00:00 发布
最新推荐文章于 2024-08-04 00:00:00 发布
阅读量10w+ 收藏 19
点赞数 21
分类专栏： vue日常存档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangxinxin1992816/article/details/97658792
版权

在使用vue.js项目开发中遇到警告，如此下图所示：
在这里插入图片描述
出错部位代码如下：

 <el-button
 :icon="showfilter == true?'h-icon-filter':'h-icon-filter_f'"
 type="iconButton"
 title="高级查询"
 class="class-show"
 @click="showfilter"
 ></el-button>

不够清晰？？？？，那就给你标示一下：
在这里插入图片描述
原因：vue绑定的 变量名 和 函数名 重名了，变量名和函数名不能一致、变量名和函数名不能一致、变量名和函数名不能一致重要的事情提醒三遍。。。。

乐夫天命兮
关注
  • 21
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
Vue父组件调用子组件方法，报错[Vue warn]: Error in v-on handler: “TypeError: _this.$emit is not a function“
星云
09-30 9134
症状 一开始浏览器控制台报这个错[Vue warn]: Error in v-on handler: "TypeError: _this.$emit is not a function"，明显就是this指向问题，名为ajax的方法在父组件中，而this是子组件。 <!-- 子组件 --> <template> … <el-pagination layout="prev, pager, next" :page-count=
发送网络请求出错vue.runtime.esm.js?6e6d:619 [Vue warn]: Error in v-on handler (Promise/async)
zhouyuzhu666的博客
10-24 7586
错误代码如下 async categoryDelete(id){ const res = await get('/productCategory/deleteById',id) console.log(res); } 正确代码如下 async categoryDelete(id){ let data = { id:id } const res = await get('/productCategory/d.
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]报错:Error in v-on handler: “TypeError: handler.apply is not a function“
Loery1314的博客
04-04 5915
以下为代码出错的地方： <input name="m1" type="checkbox" v-model="agree" @change="agree"/> data() { return { // 是否同意 agree:true } }, 原因就是处理事件的函数名和data中的数据名“重名”！ 解决方法：给change事件加一个布尔值即可！ <input name="m1" type="checkbox" v-model="a...
Vue warn: Error in v-on handler (Promise/async): “TypeError: Cannot read properties of undefined
最新发布
我从不打没有准备的仗！
08-04 350
Vue warn: Error in v-on handler (Promise/async): "TypeError: Cannot read properties of undefined (reading 'loadDatas')"
Error in v-on handler: “TypeError: handler.apply is not a function“
T1923_的博客
12-19 2041
上图是我的报错信息，其他文章说的是，使用Vue ”属性名“ 与 ”方法名“ 冲突导致的错误。 我报错是因为在iview的table组件中，使用columns的render函数编辑列样式时使用了JSX ，在写方法的时候未使用 bind 定义 this 指向 导致错误 下图是我解决后代码 ...
项目报错：handler.apply is not a function
Devin_Chen的博客
05-09 3万+
今天运行项目的时候，报出错误：Error in v-on handler: "TypeError: handler.apply is not a function" 报此类错误的原因是：变量名和方法名重名了； 通过查找发现： 所以将变量名或者方法名的其中一个更换即可解决； ...
Error in v-on handler: “TypeError: Cannot read property ‘value‘ of undefined“
lgx211
04-14 1万+
Error in v-on handler: “TypeError: Cannot read property ‘value’ of undefined” 报错如下所示，即 在运行Vue项目时出现了上述错误，出现该错误的原因是其容器还未生成就对其进行了初始化所造成的。 首先检查有没有如下操作 //原先取dom的操作 document.getElementById('textarea'); //改...
[Vue warn] Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘value‘)
web13618542420的博客
03-09 964
1、问题描述：antd 下拉框选择的时候报了这个错误 <a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum" > <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option> &lt
[Vue warn]: Error in v-on handler: "TypeError: wx.scanQRCode is not a function"
07-27
- *1* [[Vue warn]: Error in v-on handler: “TypeError: Object(...) is not a function](https://blog.csdn.net/m0_51822639/article/details/120626701)[target="_blank" data-report-click={"spm":"1018.2226....
Vue报错[Vue warn]: Error in v-on handler: “TypeError: cannot use ‘in‘ operator to search for “validate
凌霰的博客
05-31 9600
报错信息： [Vue warn]: Error in v-on handler: "TypeError: cannot use 'in' operator to search for "validateStatus" in "idAndUsernameObj..."" 解决方法： cancel(id, username){ if(confirm("是否注销"+id+"号教师？") == false){ return false } var idAndUsername
[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘$refs‘)
coinisi_li的博客
09-28 3万+
背景：1.在做vue项目时，在功能弹框中，想实现新增内容。 2. 报错原因是要触发menuCheckall组件后，才可以提交，因为不触发menuCheckall的时候dom未加载，没有编译渲染进dom里面。 1.使用了 this.form.menuIds = this.$refs.menuCheckall.$refs.tree.getCheckedKeys(); 其中menuCheckall是子组件。
Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘resetFields‘)“
asdfadafd的博客
03-08 1139
在做vue element 项目中，做了一个新增 打开弹框的功能，想每次点击新增的时候表单项重置。 1.使用了 this.KaTeX parse error: Undefined control sequence: \[ at position 5: refs\̲[̲formName\].rese…refs并没有获取到dom元素导致 ‘resetFields’ of undefined 3.解决办法： 添加代码 this.$nextTick(()=>{ this.$refs.addForm.re.
Error in v-on handler: "TypeError: handler.apply is not a function"
热门推荐
源码好优多
03-13 5万+
报错截图 原因 原来是我在.vue单文件中 data里面的属性和methods里面的方法重名了 解决 方面重新命名了一下和data里面的属性值不一样就可以了。
[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘open‘)“
qq_50276105的博客
07-13 7080
使用该代码时，报[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'open')"的错误，表示“找不到open这个元素，无法解析这串代码”。标签放在了被遍历实行的uni-card组件当中，因此，uni-popup组件也被遍历执行了N次，所以用。在做uni-app的过程中有使用到uni-popup弹出层组件。
Error in v-on handler (Promise/async): “[object Object]“
qq_43114230的博客
11-06 1万+
把请求处理放在了main.js： axios.interceptors.response.use( response => { if (response.data.code != 0) { return Promise.reject(response); } return response.data } ) 发现：当后端返回的code不为零的时候，也就是return Promise.rehect(response)执行的时候，虽然代码运行正常，但是控制台会
Error in v-on handler: “ReferenceError: isShow is not defined“
m0_50013284的博客
07-11 3895
Error in v-on handler: "ReferenceError: isShow is not defined"
Error in v-on handler: “ReferenceError: shows is not defined“
Senorita___的博客
08-11 1030
触法change事件之后，shows未定义，原因是虽然shows已经在data中声明，但是在v-on方法中shows是未定义的。给change方法中的shows加上this.
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值