浅谈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使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
jQuery oLoader实现的加载图片和页面效果
Mar 14 Javascript
js判断上传文件后缀名是否合法
Jan 28 Javascript
jquery获取复选框checkbox的值实现方法
May 30 Javascript
通过npm引用的vue组件使用详解
Mar 02 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
详解React之key的使用和实践
Sep 29 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
vue proxy 的优势与使用场景实现
Jun 15 Javascript
简介JavaScript错误处理机制
Aug 04 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异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
犀利的js 函数集合
2009/06/11 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
JS获取后台Cookies值的小例子
2013/03/04 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
JQuery性能优化的几点建议
2014/05/14 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
jQuery选择器之子元素选择器详解
2017/09/18 jQuery
js数组方法reduce经典用法代码分享
2018/01/07 Javascript
解决vue build打包之后首页白屏的问题
2018/03/06 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
js实现简单选项卡制作
2020/08/05 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
在pycharm中使用git版本管理以及同步github的方法
2019/01/16 Python
Python学习笔记之列表推导式实例分析
2019/08/13 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
ansible动态Inventory主机清单配置遇到的坑
2020/01/19 Python
澳大利亚优质葡萄酒专家:Vintage Cellars
2019/01/08 全球购物
Oral-B荷兰:牙医最推荐的品牌
2020/02/25 全球购物
劳动之星获奖感言
2014/02/01 职场文书
红领巾广播站广播稿
2014/02/01 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
会计学自荐信
2014/06/03 职场文书
党的生日演讲稿
2014/09/10 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
2014年保卫工作总结
2014/12/05 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
病假证明模板
2015/06/19 职场文书
一年之计:2019年下半年的计划
2019/05/07 职场文书