vue报错 vuejs 添加事件时出现TypeError: this.colleges is not a function？

已于 2022-08-13 11:51:41 修改
阅读量532 收藏
点赞数 1
分类专栏： bug 文章标签： vue.js
于 2021-04-26 12:15:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45651609/article/details/116149939
版权

答：vuejs项目中请求后台接口，添加事件时出现了TypeError: this.colleges is not a function的错误，后来发现错误原因时处理事件的函数名和data中定义的变量名相同
当给事件添加处理函数时，先找到了data中定义的变量名而不是函数名，所以会出现TypeError错误。

八点玩转前端
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
详解Vue.js搭建路由报错 router.map is not a function
10-19
因此，如果你在尝试使用Vue Router 2.x或更高版本时，仍然按照旧的方式使用`router.map`，就会出现"router.map is not a function"的错误提示。 **解决方法1：降级Vue Router版本** 一种解决方案是将Vue Router版本...
简易折叠面板
曲小强
05-10 917
代码如下： 主文件：app.vue <template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <collpase> <collpase-item :title="item.name" :showAnimation="true" v-for="(item, i) in chapterList".
[VUE]报错:Error in v-on handler: “TypeError: console.log(...) is not a function“
Loery1314的博客
04-04 2758
上面这个报错就很离谱！离谱！离谱！ 甚至上一秒中的报错是'this is not a function'，下一秒就变成了上面的报错！ 不过，最后解决了，分享一下解决方法，小伙伴知道了一定会大吃一惊，方法如下： login(){ const {phone,password} = this (phone&&password)&& this.$store.dispatch("userLogin") } login(){ const .
vue.runtime.esm.js Uncaught TypeError: Illegal constructor 错误
q1ngqingsky的博客
04-07 4058
报如下错误： Uncaught TypeError: Illegal constructor vue+elementUI 项目 本人项目中错将“Element”变量放入vue.use（）中导致报如上错误 在main.js中安装 Vue.js 插件的方法，大家可以查看下自己在使用这个vue.use()方法时，变量名字是否使用错误 // main.js import ElementUI from 'element-ui' Vue.use(ElementUI) ...
uniapp 组件引用 TypeError: this.$refs.xxx is not a function 解决方法（全）
u014538997的博客
08-20 2万+
因为自己的项目中，某些常用模块自己定义了组件，使用时 常出现TypeError: this.$refs.xxx is not a function （即没有xxx这个方法），结合网友和自身遇到的问题，得出三种方法
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
【053】使用vue时Module build failed: TypeError: this._init is not a function错误的解决方法
zhangchao19890805的专栏
11-28 6万+
这个例子中Webpack的版本是2.1.0-beta.27。在这个版本中，loader不能用简写省去 -loader 的形式。
vue报错：TypeError: Object(...) is not a function
ToString的博客
07-19 3472
vue报错：TypeError: Object(...) is not a function
TypeError: _ctx.dayjs is not a function
竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生
06-06 3114
andt 日期选择器禁用小时分钟秒，报错_ctx.dayjs is not a function
vue报错Error in mounted hook: “TypeError: Object(...) is not a function“
热门推荐
撒野
09-15 6万+
导入的js要用{}接收 import {shopsratings} from '../../request/api.js'
JQuery 基本方法报错：... is not a function的问题
zcy_csdn123的博客
09-07 1万+
是否碰到过类似问题（前提是正确引入了JQuery） 看图说问题<input type="file" name="pic1" id="pic1" onchange="preview(this)" multiple="multiple">其实是：JQuery选择器得到的元素对象，和JavaScript获取元素对象 的问题上面两张图是我对 input元素的获取，使用的两种方式，pic1用的是原生JS
uniapp uni-data-select n.collection is not a function和应用未关联服务空间，请在uniCloud目录右键关联服务空间同时出现
SSophia的博客
12-08 3791
Error in callback for watcher "function () {var e = [];return ["pageCurrent", "pageSize", "localdata", "collection", "action", "field", "orderby", "where", "getont", "getcount", "gettree", "groupby", "groupField", "distinct"].forEach(function (t) {e.push(
JQuery提示$(...).on is not a function解决方法
weixin_34392906的博客
01-17 2万+
版本太低了，引入较高的版本，如jquery-1.8.3.min.js
[Vue warn]: Error in created hook: “TypeError: this.getList is not a function“
Dzb1993的博客
02-13 1万+
[Vue warn]: Error in created hook: "TypeError: this.getList is not a function" 提示 this.getlist 不是一个方法 是因为 使用this调用的时候，在script标签中定义的methods少写了一个s或者是 methods定义拼写错误等
解决vue使用$refs：报错this.$refs.xxx.xxx() is not a function
背心的博客
12-31 1万+
原因： this.$refs.inputTitle中inputTitle是一个数组，因此需要指定某一项的索引号 解决方法 在inputTitle后面加个[0]，其中0代表当前项的索引号 this.$refs.inputTitle[0].focus()
[TB] [JS] 解决Error: $(...).collapse is not a function || <script>顺序问题！！
weixin_30367543的博客
03-12 1436
今天改别人的前端代码，明明所有的collapse就是按照官网写的，但是执行就是报错： $("#abc").on('show.bs.collapse',function(){}); 竟然不工作， 而且执行 $("#abc").collapse("show"); 竟然报错：$(...).collapse is not a function >> 解决方案： <scr...
小程序中使用vant框架报错(value || []).some is not a function
tanglin423的博客
09-29 2180
使用for循环报错，报错截图如下： 报错原因：value值设置的不对，非手风琴模式下value必须为数组。 解决方案：将accordion属性设为true，设为手风琴模式 附：见api文档：https://vant-contrib.gitee.io/vant/#/zh-CN/collapse ...
vue项目启动失败，报错Syntax Error: TypeError: this.getOptions is not a function
最新发布
05-20
这个错误通常是由 webpack 版本不兼容或者配置文件错误引起的。可以尝试以下几个方法： 1. 确定 webpack 版本是否和项目中使用的一致，如果不一致需要升级或者降级 webpack。 2. 检查 webpack 配置文件是否存在语法错误，比如缺少分号、括号不配对等等。 3. 检查项目依赖是否安装正确，特别是 webpack 相关的依赖。 4. 确定 webpack 配置文件中是否正确引入了需要的 loader 和 plugin。 如果以上方法不行，可以贴出报错信息以及 webpack 配置文件，方便排查问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值