JavaScript

超轻量级php框架startmvc

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

更新时间:2020-07-27 16:54:02 作者:startmvc
如下所示:locapos(){//定位方法if(navigator.geolocation){navigator.geolocation.getCurrentPosition(function(posit

如下所示:


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

vue 方法 this