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

这篇文章主要为大家详细介绍了浅谈vue方法内的方法使用this的问题，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

 

如下所示：

 

代码如下：

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的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/6263-0.html

注：关于浅谈vue方法内的方法使用this的问题的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js