浅谈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类代码
Jun 27 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 Javascript
JSON与XML优缺点对比分析
Jul 17 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
Mar 01 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
实例详解JSON取值(key是中文或者数字)方式
Aug 24 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 Javascript
JS实现省市县三级下拉联动
Apr 10 Javascript
谈谈JavaScript中的函数
Sep 08 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
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
zf框架的Filter过滤器使用示例
2014/03/13 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
分享别人写的一个小型js框架
2007/08/13 Javascript
基于jquery实现的树形菜单效果代码
2015/09/06 Javascript
详谈JS中实现种子随机数及作用
2016/07/19 Javascript
jQuery事件用法详解
2016/10/06 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
2017/04/21 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
vue实例中data使用return包裹的方法
2018/08/27 Javascript
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
Python编程中NotImplementedError的使用方法
2018/04/21 Python
对Python3中的input函数详解
2018/04/22 Python
python正则表达式之对号入座篇
2018/07/24 Python
Python利用ORM控制MongoDB(MongoEngine)的步骤全纪录
2018/09/13 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
浅谈PySpark SQL 相关知识介绍
2019/06/14 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
Tensorflow 模型转换 .pb convert to .lite实例
2020/02/12 Python
Python语法垃圾回收机制原理解析
2020/03/25 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
python 爬取腾讯视频评论的实现步骤
2021/02/18 Python
电大学习个人自我评价范文
2013/10/04 职场文书
主管职责范文
2013/11/09 职场文书
学员自我鉴定
2014/03/19 职场文书
安全生产目标责任书
2014/04/14 职场文书
工地食品安全责任书
2015/05/09 职场文书
高二语文教学反思
2016/02/16 职场文书