浅谈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 相关文章推荐
javascript jQuery插件练习
Dec 24 Javascript
input的focus方法使用
Mar 13 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
2014 HTML5/CSS3热门动画特效TOP10
Dec 07 Javascript
jQuery菜单插件superfish使用指南
Apr 21 Javascript
JS实现自动切换文字的导航效果代码
Aug 27 Javascript
Javascript实现跑马灯效果的简单实例
May 31 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
layui的table中显示图片方法
Aug 17 Javascript
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
使用webpack搭建vue环境的教程详解
Dec 31 Javascript
Vue 监听元素前后变化值实例
Jul 29 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与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
UCenter中的一个可逆加密函数authcode函数代码
2010/07/20 PHP
关于php支持分块与断点续传文件下载功能代码
2014/05/09 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
jQuery实现标题有打字效果的焦点图代码
2015/11/16 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
JavaScript reduce和reduceRight详解
2016/10/24 Javascript
微信小程序 封装http请求实例详解
2017/01/16 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
elementUI多选框反选的实现代码
2019/04/03 Javascript
原生js实现日历效果
2020/03/02 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
[02:28]DOTA2 2015国际邀请赛中国区预选赛首日现场百态
2015/05/26 DOTA
python搭建微信公众平台
2016/02/09 Python
Python的装饰器使用详解
2017/06/26 Python
Django实现网页分页功能
2019/10/31 Python
pycharm激活码有效到2020年11月底
2020/09/18 Python
40行Python代码实现天气预报和每日鸡汤推送功能
2020/02/27 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
财务工作者先进事迹材料
2014/01/17 职场文书
简历的自我评价
2014/02/03 职场文书
考核评语大全
2014/04/29 职场文书
通信工程求职信
2014/07/16 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
漫画《催眠麦克风-Dawn Of Divisions》第二卷PV公开
2022/04/05 日漫
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL
选购到合适的激光打印机
2022/04/21 数码科技