浅谈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 相关文章推荐
ASP中Sub和Function的区别说明
Aug 30 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
JavaScript数组常用方法
Mar 02 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
vue.js系列中的vue-fontawesome使用
Feb 10 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 Javascript
React forwardRef的使用方法及注意点
Jun 13 Javascript
vue实现拖拽交换位置
Apr 07 Vue.js
微信小程序动态增加按钮组件
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 按指定元素值去除数组元素的实现方法
2011/11/04 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
php获取客户端IP及URL的方法示例
2017/02/03 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
PHP7 其他修改
2021/03/09 PHP
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
2016/03/30 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
谈谈Vue.js——vue-resource全攻略
2017/01/16 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
layui上传图片到服务器的非项目目录下的方法
2019/09/26 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
Ruby元编程基础学习笔记整理
2016/07/02 Python
python实现推箱子游戏
2020/03/25 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
台湾旅游网站:灿星旅游
2018/10/11 全球购物
《雷雨》教学反思
2014/02/20 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL