欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-26 10:06:00
如下所示: locapos(){//定位方法 if (navigator.geolocation) { navigator.geolocat...

如下所示:

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