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

时间:2021-05-18

如下所示:

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章