重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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

如下所示:

创新互联公司专注于企业全网整合营销推广、网站重做改版、威县网站定制设计、自适应品牌网站建设、HTML5商城网站定制开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为威县等各大城市提供网站开发制作服务。

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: "当前位置:
经度:" + pos.lat + "
维度:" + 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的问题
新闻来源:http://cqcxhl.com/article/ihhpdj.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP