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;

如此简单,豁然开朗!

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_40875873/article/details/78421620
个人分类: vue
上一篇Google Map开发系列(七)——使用谷歌地图API实现自定义控件
下一篇查看mysql语句运行时间的2种方法
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭