浅谈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 相关文章推荐
js 设置选中行的样式的实现代码
May 24 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
May 18 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
Nov 11 Javascript
ant-design-vue 快速避坑指南(推荐)
Jan 21 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 Javascript
js+html+css实现手动轮播和自动轮播
Dec 30 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
一些PHP写的小东西
2006/12/06 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
getElementById在任意一款浏览器中都可以用吗的疑问回复
2007/05/13 Javascript
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
Nodejs+express+html5 实现拖拽上传
2014/08/08 NodeJs
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
2016/08/24 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
[50:59]2018DOTA2亚洲邀请赛 4.7 总决赛 LGD vs Mineski第四场
2018/04/10 DOTA
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
python字典嵌套字典的情况下找到某个key的value详解
2019/07/10 Python
python中class的定义及使用教程
2019/09/18 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
标记环介质访问控制协议
2016/03/27 面试题
如何利用find命令查找文件
2016/11/18 面试题
办公室前台岗位职责范本
2013/12/10 职场文书
2014信息公开实施方案
2014/02/22 职场文书
2014迎新年晚会策划方案
2014/02/23 职场文书
公司授权委托书范文
2014/08/02 职场文书
安全教育观后感
2015/06/17 职场文书
2015年国庆节寄语
2015/08/17 职场文书
初中生物教学反思
2016/02/20 职场文书
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python
Redis高并发防止秒杀超卖实战源码解决方案
2021/11/01 Redis