浅谈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 相关文章推荐
dotopAlert 提示用户需安装播放器的代码
Sep 17 Javascript
将文本输入框内容加入表中的js代码
Aug 18 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
jQuery动画特效实例教程
Aug 29 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
May 28 Javascript
javascript实现简单的on事件绑定
Aug 23 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
Aug 30 Javascript
详解微信小程序设置底部导航栏目方法
Jun 29 Javascript
layui文件上传控件带更改后数据传值的方法
Sep 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的FTP学习(二)[转自奥索]
2006/10/09 PHP
PHP 柱状图实现代码
2009/12/04 PHP
PHP读取文件的常见几种方法
2016/11/03 PHP
浅谈PHP面向对象之访问者模式+组合模式
2017/05/22 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
javascript 写类方式之五
2009/07/05 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
python网络编程学习笔记(一)
2014/06/09 Python
Python对象与引用的介绍
2019/01/24 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
如何使用Python实现自动化水军评论
2019/06/26 Python
Python程序打包工具py2exe和PyInstaller详解
2019/06/28 Python
Python collections模块使用方法详解
2019/08/28 Python
python入门之基础语法学习笔记
2020/02/08 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
HTML5中的新元素介绍
2008/10/17 HTML / CSS
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
酒店执行总经理岗位职责
2013/12/15 职场文书
2014年开学第一课活动方案
2014/03/06 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
收入及婚姻状况证明
2014/11/20 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书
社交电商模式的兴起:这些新的商机千万别错过
2019/07/26 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
Python如何解决secure_filename对中文不支持问题
2021/07/16 Python
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android