this.deleteTodo is not a function的错误分析

最新推荐文章于 2024-03-12 23:48:13 发布

我站在楼上看风景

最新推荐文章于 2024-03-12 23:48:13 发布

阅读量859

点赞数 1

文章标签： java 前端服务器

本文链接：https://blog.csdn.net/qq_58705070/article/details/127833998

版权

在写案例的时候遇到这样一个报错，deleteTodo是我从父组件中传进来的一个函数，翻译过来就是 this.deleteTodo未定义，有的小明就要问了，我在调用这个方法的时候明明都按照要求写了调用函数是this.xxx，为什么还是报错呢

在网上查了好多关于这个错误的分析还有解决办法，有的可能是名字写错了等等，具体什么不记得了

就来说说我这个错误发生的原因吧，我们在父组件给子组件传递参数的时候，这个参数在子组件标签中

就是这样的

仔细观察deleteTodo这个数据的传递，就会发现，前面的“@”符号有问题，数据或者函数在传递的时候是不用“@”的，把“@”改为“：”就正确了

更正后的组件标签

都是粗心惹的祸啊！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我站在楼上看风景

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
this.deleteTodo is not a function的错误分析

下次一定看仔细了！！
复制链接

扫一扫

2021-11-07全局事件总线

鹅的博客

11-07

438

全局事件总线：一种组件间通信的方式，适用于任意组件间通信。 main.js: 安装全局事件总线：借助钩子beforeCreate(){Vue.prototype.$bus = this} new Vue({ el:'#app', render: h => h(App), beforeCreate() { //安装全局事件总线，$bus就是当前应用的vm Vue.prototype.$bus = this }, }) 接收数据的组件： A组件想接收数据，则在A组件中给

15. React案例todoList

人无远虑,必有近忧.

04-09

332

文章目录1. 需求分析2. 代码实现2.1 通过create-react-app脚手架创建项目todoList2.2 创建目录结构3. 代码实现3.1 public/index.html3.2 src/index.js3.3 src/App.jsx 和 App.cssApp.jsxApp.css3.4 src/commponent/Header 组件Header/index.jsxHeader/index.css3.5 src/component/List 组件List/index.jsxList

1 条评论您还未登录，请先登录后发表或查看评论

deleteMany is not a function

dkvzkrdok146612647的博客

10-16

463

问题：同事使用了deleteMany方法用于删除数据，但是全公司只有我一个人报错deleteMany is not a function。很自然，输出了model.deleteMany，得到的结果是undefined。解决方法： 1. 最先想到的是，是不是mongoDB的版本低了。查询发现当前版本支持。 2. 然后想到了mongoose版本不对，当前版本为4.8.5，强制...

TypeError: _this2.$request.delete is not a function

最新发布

m0_57118219的博客

03-12

426

如果使用uniapp组件请求SpringBoot的删除接口，有遇到此类报错，那么要把this.$request.delete改为this.$request.del。

vuex项目bug记录:TypeError: _this.deleteCustomersById is not a function

vicki_wei的博客

10-25

850

今天在使用vue全家桶做项目的时候出现了如何图的bug ！！！！！！这个bug找了一个上午才解决，而原因是在vue映射的时候把名称打错了！！！！！(多了一个字母) 还看了很多博客也是说名字打错了，结果检查了四五遍都没发现！！！！(最后在走投无路的时候有了希望啊啊啊啊) 下面这个图片是映射里写的下面是action里写的最后导致浪费了一个上午的时候！！！！仅以此篇文章警示自己！！！ ...

Error in v-on handle: “TypeError: handler.apply is not a function“

Kayson13的博客

07-03

3589

报了一个这样的错误：Error in v-on handle: "TypeError: handler.apply is not a function" 这个错误在点击事件触发的时候产生。查找错误后发现，是自己粗心将方法和变量定义成了同一个名字。这里仅做记录。 ...

js报错：****is not a function 的解决方法

chuoyingzao4930的博客

06-30

1152

方法名和定义方法名不一致具体来说：定义的一个方法指针其实没有例子： $('table').delegate('a.delete.manipulate','click',this.deleteTr); //deleteTr其实未定义 ...

Vue2学习day05—Todo-list案例

Happy_change的博客

03-14

2571

文章目录Vue2学习day05—— Vue2学习day05—— Todo-list案例

vuex学习笔记

丑小鸭变黑天鹅的博客

04-28

255

vuex学习笔记一、vuex的理解1、vuex是什么2、状态自管理应用3、多组件共享状态的问题二、vuex 核心概念和 API1、state2、mutations3、actions4、getters5、modules6、向外暴露 store 对象7、组件中8、映射 store9、store 对象三、示例一、vuex的理解 1、vuex是什么 github 站点: https://github.com/vuejs/vuex 在线文档: https://vuex.vuejs.org/zh-cn/ 简单来说:

（Vue案例）TodoList

qq_53388056的博客

12-07

678

（Vue案例）TodoList components里的MyHeader.vue components里的MyList.vue components里的MyItem.vue components 里的 MyFotter.vue 总结

Uncaught TypeError: XXX is not a function的解决方法

m0_54066656的博客

03-13

2万+

Uncaught TypeError: XXX is not a function的解决方法

Error in v-on handler: “TypeError: this is not a function“

weixin_46076347的博客

05-26

1万+

Error in v-on handler: "TypeError: this is not a function"提示：这里描述项目中遇到的问题：在进行简单登录跳转的测试中，出现Error in v-on handler: "TypeError: this is not a function"的错误 async UserLogin() { try { //登录成功 const {phone, password} = this phone &am

【前端学习日记】Error in v-on handler: “TypeError: Object(...) is not a function“

qq_54207312的博客

08-09

8258

这让我想起了，之前我也出现过类似的错误是，我是先写好了组件中的请求也引入了，但是忘了配置axios。也得注意一下是不是忘了写配置。我的错误原因是：我的axios请求配置了一个请求方法，然后当我在组件中调用的时候，却没有通过import引入进来。一开始查网上帖子，看其他人出现报错也是引入这一块儿，原因是引入方法没有加花括号。解决办法：在script标签内通过import方法引入即可。另外报错的是其实指向了一些地方，可以重点排查！...

$ is not a function解决办法

Nobita

05-26

2万+

$ is not a function // $(function () { // $('.portfolio-two-item').click(function () { // var video_path = $(this).data('src'); // layer.open({ // type: 2, // t...

JS中常见的 “函数名 is not a function” 错误

热门推荐

weixin_40345099的博客

09-30

27万+

js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。首先看代码： console.log(x) console.log(x()); var x=1; function x(){...

vue “xxx” is not a function 解决方法

qq_36416905的博客

09-24

4万+

问题出现在同学代码的函数名和el-dialog框的visible.sync里的参数重名了,把两个改成不一样的名字就好了所以一定不要偷懒取一个名字= = 容易混淆还影响函数执行，可能之后更了解Vue会明白为啥这样报错吧。尽量不要把很多名字取得一样不然问题就很大 ...

【疑难杂症01】TypeError: alert is not a function

weixin_30894389的博客

12-13

3926

一、背景　　话说今天在调试js的时候，碰到一个很奇怪的问题，现记录一下。当使用alert()函数弹出提示时，总是报错，你没看错，alert函数报错了。二、详细说明　　当时正在做一个关于告警的页面展示功能，其中一段js为： function search(){ var startTime=$("#startTime").val(); var endTime=$(...

[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...

Vue.js todoMVC实现步骤解析

isActive: false, isChecked: false }); this.$refs.currentInput.value = ""; // 清空输入框 window.localStorage.setItem("content", JSON.stringify(this.todoLists)); // 存储数据 }, ``` **删除待办事项*...