浅谈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 相关文章推荐
JavaScript DOM 学习第二章 编辑文本
Feb 19 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
简单理解js的冒泡排序
Dec 19 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
jQuery extend()详解及简单实例
May 06 jQuery
五步轻松实现JavaScript HTML时钟效果
Mar 25 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
JS一次前端面试经历记录
Mar 19 Javascript
详解Vue的组件中data选项为什么必须是函数
Aug 17 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 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使用数组实现队列
2012/02/05 PHP
PHP中4个加速、缓存扩展的区别和选用建议
2014/03/12 PHP
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
2016/04/04 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
PHP7 windows支持
2021/03/09 PHP
JavaScript实际应用:innerHTMl和确认提示的使用
2006/06/22 Javascript
js removeChild 障眼法 可能出现的错误
2009/10/06 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
document.forms用法示例介绍
2014/06/26 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
Kindeditor在线文本编辑器如何过滤HTML
2016/04/14 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
vue 中url 链接左边的小图标更改问题
2019/12/30 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
Python列出一个文件夹及其子目录的所有文件
2016/06/30 Python
Python获取当前路径实现代码
2017/05/08 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
安全标语口号
2014/06/09 职场文书
农村婚庆主持词
2015/06/29 职场文书
讨论nginx location 顺序问题
2022/05/30 Servers
Python使用openpyxl模块处理Excel文件
2022/06/05 Python