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;

如此简单,豁然开朗!

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值