浅谈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 字符串连接[性能比较]
May 10 Javascript
JavaScript表格常用操作方法汇总
Apr 15 Javascript
Juery解决tablesorter中文排序和字符范围的方法
May 06 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
Aug 21 Javascript
AngularJs Modules详解及示例代码
Sep 01 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
Oct 09 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
Nov 03 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
Jul 04 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 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函数microtime()用法与说明
2013/12/04 PHP
从零开始学YII2框架(二)通过 Composer 安装扩展插件
2014/08/20 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
PHP的JSON封装、转变及输出操作示例
2019/09/27 PHP
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
js操作二级联动实现代码
2010/07/27 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
2014/04/10 Javascript
JS判断客服QQ号在线还是离线状态的方法
2015/01/13 Javascript
jQuery实现美观的多级动画效果菜单代码
2015/09/06 Javascript
20分钟打造属于你的Bootstrap站点
2016/07/27 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
NODE.JS跨域问题的完美解决方案
2016/10/20 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
使用Python编写一个简单的tic-tac-toe游戏的教程
2015/04/16 Python
python实现汉诺塔递归算法经典案例
2021/03/01 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
基于python实现学生信息管理系统
2019/11/22 Python
Python matplotlib实时画图案例
2020/04/23 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
露营世界:Camping World
2017/02/02 全球购物
教师自荐信
2013/12/10 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
英语教师个人总结
2015/02/09 职场文书
三下乡个人总结
2015/03/04 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
如何用python绘制雷达图
2021/04/24 Python
深入理解 Golang 的字符串
2022/05/04 Golang