vue 执行函数this_vue回调函数中this无效

在vue中使用回调函数，发现函数体中使用this无效，无法调到methods里面定义的getCurrentExtent()函数。

handler.setInputAction(function(wheelment) {

var extent = this.getCurrentExtent(viewer);

console.dir(extent);

}, Cesium.ScreenSpaceEventType.WHEEL);

回调函数的内部的this并非指向当前的vue实例;如果要使用，用在外部函数定义的变量存储的this，也就是当前vue的实例。

var _this = this;

handler.setInputAction(function(wheelment) {

var extent = _this.getCurrentExtent(viewer);

console.dir(extent);

}, Cesium.ScreenSpaceEventType.WHEEL);

也可改为箭头函数来实现

handler.setInputAction(wheelment => {

var extent = this.getCurrentExtent(viewer);

console.dir(extent);

}, Cesium.ScreenSpaceEventType.WHEEL);

箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定。此时this在箭头函数中已经按照词法作用域绑定了。很明显，使用箭头函数之后，箭头函数指向的函数内部的this已经绑定了外部的vue实例了.

vue 执行函数this_vue回调函数中this无效相关推荐

java 自定义函数的调用_Java/Android中的函数调用回调函数自定义回调函数
在做Android自定义控件时遇到要自定义回调函数的问题,想想自己还暂时没有那么精深的技术,赶紧返过头回来再重新研究Java中回调函数的问题.然而不幸的是,网上太多杂乱的帖子和博客都是转来转去,而且都 ...
java中钩子函数回调函数_钩子函数和回调函数
一般认为,钩子函数就是回调函数的一种,其实还是有差异的,差异地方就是:触发的时机不同. 先说钩子函数: 钩子(Hook)概念源于Windows的消息处理机制,通过设置钩子,应用程序对所有消息事件进行拦 ...
C++中线程函数为静态函数及类成员函数作为回调函数（转载）
C++中线程函数为静态函数及类成员函数作为回调函数线程函数为静态函数: 线程控制函数和是不是静态函数没关系,静态函数是在构造中分配的地址空间,只有在析构时才释放也就是全局的东西,不管线程是否运 ...
multiprocess模块使用进程池调用apply_async()提交的函数及回调函数不执行问题
戳文章:multiprocess模块使用进程池调用apply_async()提交的函数及回调函数不执行问题
ajax回调函数有时成功有时失败,$.ajax数据传输成功却执行失败的回调函数
这个问题迷惑了我好几天,都快要放弃了,功夫不负有心人,最终成功解决,下面写一下我的解决方法. 我传的数据是json类型的,执行失败的回调函数是因为从后台传过来的数据不是严格的json类型,所以才会不执 ...
【vue】钩子函数和回调函数的区别
一般认为,钩子函数就是回调函数的一种,其实还是有差异的,差异地方就是:触发的时机不同. 先说钩子函数: 钩子(Hook)概念源于Windows的消息处理机制,通过设置钩子,应用程序对所有消息事件进行拦 ...
php回调函数和匿名函数吗,php回调函数_关于php中匿名函数与回调函数的详解
摘要腾兴网为您分享:关于php中匿名函数与回调函数的详解,壹学车,小天才,尚游戏,厦门百姓等软件知识,以及微信一键转发工具,幸运抽奖系统,文字识别app,垃圾清理管家,王者荣耀起名神器,叮咚出行,世 ...
JavaScript高级day01-PM【对象、函数、回调函数、IIFE、this、关于语句分号问题、webstorm代码模板、复习】
笔记.视频.源码:JavaScript(基础.高级)笔记汇总表[尚硅谷JavaScript全套教程完整版] 目录 P7 07.尚硅谷_JS高级_对象 23:30 1. 什么是对象? 2. 为什么 ...
细说PHP笔记03(第7章)--数组与数据结构，数组定义，数组遍历，数组内部指针遍历，键值操作函数，统计数组函数，回调函数处理数组元素，数组排序，拆分、合并、分解、结合数组，数组实现堆栈，随机选取元素
1.数组索引数组:索引值是整数关联数组:索引值是字符串 2.数组的定义 1.以直接赋值的方式声明 $数组名[下标]=资料内容或 $数组名[关联字符串(键值)]=资料内容 <?php $va ...

vue 执行函数this_vue回调函数中this无效

vue 执行函数this_vue回调函数中this无效相关推荐

最新文章

热门文章