浅谈vue方法内的方法使用this的问题


Posted in Javascript onSeptember 15, 2018

如下所示:

locapos(){//定位方法
if (navigator.geolocation) {
   navigator.geolocation.getCurrentPosition(function(position) {
    var pos = {
    lat: position.coords.latitude,
    lng: position.coords.longitude
    };
   var latLng = new google.maps.LatLng(aa[1],
    aa[0]);
    var infoWindow = new google.maps.InfoWindow({
      content: "当前位置:<br/>经度:" + pos.lat + "<br/>维度:" + pos.lng
      //提示窗体内的提示信息
     });
    infoWindow.setPosition(latLng);
 
    _this.mark = new google.maps.Marker({
      position: latLng, //将前面设定的坐标标注出来
      icon:image,
      animation: google.maps.Animation.BOUNCE,//添加动画效果
      map: map //将该标注设置在刚才创建的map中
     });
  //    //标注提示窗口
 
  //    //打开提示窗口
     infoWindow.open(map, mark);
 
   }, function() {
    handleLocationError(true, infoWindow, map.getCenter());
   });
   } else {
   // Browser doesn't support Geolocation
   handleLocationError(false, infoWindow, map.getCenter());
   }

methods中定义一个locapos()定位方法,其中想在内部方法中使用this调用data()中定义的marker一致不成功,提示未定义,经过不懈努力终于找到解决方法,增加一句话就OK了!

var _this = this;

如此简单,豁然开朗!

以上这篇浅谈vue方法内的方法使用this的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 Javascript
js图片自动切换效果处理代码
May 07 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
YUI模块开发原理详解
Nov 18 Javascript
AngularJS 指令详细介绍
Jul 27 Javascript
JavaScript实现替换字符串中最后一个字符的方法
Mar 07 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
Jun 04 Javascript
angularJs中ng-model-options设置数据同步的方法
Sep 30 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
解决Layui数据表格显示无数据提示的问题
Nov 14 Javascript
原生javascript制作的拼图游戏实现方法详解
Feb 23 Javascript
JavaScript实现简单日历效果
Sep 11 Javascript
微信小程序动态增加按钮组件
Sep 14 #Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 #Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 #Javascript
Javascript 之封装(Package)
Sep 14 #Javascript
微信小程序框架wepy之动态控制类名
Sep 14 #Javascript
纯javascript前端实现base64图片下载(兼容IE10+)
Sep 14 #Javascript
react 国际化的实现代码示例
Sep 14 #Javascript
You might like
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
js静态作用域的功能。
2006/12/25 Javascript
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
jQuery给元素添加样式的方法详解
2015/12/30 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
jQuery编写网页版2048小游戏
2017/01/06 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
JavaScript使用readAsDataUrl方法预览图片
2017/05/10 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
vue的滚动条插件实现代码
2019/09/07 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
Python中操作符重载用法分析
2016/04/29 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
python实现ID3决策树算法
2018/08/29 Python
Python使用修饰器进行异常日志记录操作示例
2019/03/19 Python
python3中eval函数用法使用简介
2019/08/02 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
在tensorflow实现直接读取网络的参数(weight and bias)的值
2020/06/24 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
国际知名设计师时装商店:Coggles
2016/09/05 全球购物
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
医院护士的求职信
2014/01/03 职场文书
2013年学期结束动员演讲稿
2014/01/07 职场文书
法制报告会主持词
2014/04/02 职场文书
学校联谊协议书
2014/09/16 职场文书
人民的好儿女观后感
2015/06/18 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript
详解JS ES6编码规范
2021/05/07 Javascript
MySQL索引是啥?不懂就问
2021/07/21 MySQL