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


Posted in Javascript onSeptember 15, 2018

如下所示:

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

Javascript 相关文章推荐
js操作table示例(个人心得)
Nov 29 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
javascript实现简单的分页特效
Aug 12 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
Jun 24 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
基于JavaScript实现右键菜单和拖拽功能
Nov 28 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
微信小程序动态增加按钮组件
Sep 14 #Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 #Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 #Javascript
Javascript 之封装(Package)
Sep 14 #Javascript
微信小程序框架wepy之动态控制类名
Sep 14 #Javascript
纯javascript前端实现base64图片下载(兼容IE10+)
Sep 14 #Javascript
react 国际化的实现代码示例
Sep 14 #Javascript
You might like
PHP第一季视频教程(李炎恢+php100 不断更新)
2011/05/29 PHP
使用ob系列函数实现PHP网站页面静态化
2014/08/13 PHP
详解php中反射的应用
2016/03/15 PHP
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
2017/03/13 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
js前端面试之同步与异步问题详解
2019/04/03 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
2019/09/25 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
[54:10]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
python WindowsError的错误代码详解
2017/07/23 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
python 类之间的参数传递方式
2019/12/20 Python
Tensorflow:转置函数 transpose的使用详解
2020/02/11 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
matplotlib bar()实现百分比堆积柱状图
2021/02/24 Python
关于box-sizing的全面理解
2016/07/28 HTML / CSS
Pandora德国官网:购买潘多拉手链、戒指、项链和耳环
2020/02/20 全球购物
奠基仪式主持词
2014/03/20 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
公司开业的祝贺语大全(60条)
2019/07/05 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
python 模块重载的五种方法
2021/04/24 Python