浅谈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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
JavaScript中的Window窗口对象
Jan 16 Javascript
jQuery参数列表集合
Apr 06 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
推荐8款jQuery轻量级树形Tree插件
Nov 12 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
基于socket.io+express实现多房间聊天
Mar 17 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
基于LayUI实现前端分页功能的方法
Jul 22 Javascript
validform表单验证的实现方法
Mar 08 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
Sep 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-CGI进程CPU 100% 与 file_get_contents 函数的关系分析
2011/08/15 PHP
解析php中heredoc的使用方法
2013/06/17 PHP
Codeigniter注册登录代码示例
2014/06/12 PHP
php堆排序实现原理与应用方法
2015/01/03 PHP
js no-repeat写法 背景不重复
2009/03/18 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
详解vue express启动数据服务
2017/07/05 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
vue-router命名视图的使用讲解
2019/01/19 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
详解Python中的日志模块logging
2015/06/19 Python
Linux 下 Python 实现按任意键退出的实现方法
2016/09/25 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
sublime python3 输入换行不结束的方法
2018/04/19 Python
深入浅析Python传值与传址
2018/07/10 Python
10分钟教你用Python实现微信自动回复功能
2018/11/28 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
Python实现淘宝秒杀功能的示例代码
2021/01/19 Python
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
Java基础类库面试题
2013/09/04 面试题
2014年教师培训的自我评价
2014/01/03 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
2014年教务工作总结
2014/12/03 职场文书
检讨书范文1000字
2015/01/28 职场文书
华山导游词
2015/02/03 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
公司开业主持词
2015/07/02 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
SQL Server中锁的用法
2022/05/20 SQL Server