浅谈vue方法内的方法使用this的问题
更新时间：2018年09月15日 08:57:47 作者：白菜和萝卜
今天小编就为大家分享一篇浅谈vue方法内的方法使用this的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
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的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，通过引入Vue-router对象模块时配置mode属性可以启用history模式，本文将通过代码示例给大家详细分析Vue路由History模式2023-06-06
下面小编就为大家分享一篇基于vue-cli 打包时抽离项目相关配置文件详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要为大家详细介绍了vue swipe自定义组件实现轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
vue awesome swiper异步加载数据出现的bug问题
这篇文章主要介绍了vue awesome swiper异步加载数据出现的bug问题,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-07-07
这篇文章主要给大家介绍了关于vue3集成Element-Plus之全局导入和按需导入的相关资料,element-plus正是element-ui针对于vue3开发的一个UI组件库, 它的使用方式和很多其他的组件库是一样的,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了vue3父子组件通信、兄弟组件实时通信方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要为大家介绍了vue3结合hooks开发可以注册的二次确认弹框，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
在前端开发中,使用axios进行数据请求是常见的做法,封装axios可以统一请求头处理、方便接口管理、配置多拦截器等,提高代码的可维护性和重用性,本文详细记录了axios的封装过程,包括安装、配置跨域处理、接口管理文件的创建等2024-09-09
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
下面小编就为大家分享一篇解决Vue.js 2.0 有时双向绑定img src属性失败的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
在Vue.js的开发过程中,组件方法的定义和调用是非常常见的,有时候,为了响应事件或其他操作,我们需要在组件的方法中使用匿名函数,本文将深入探讨如何在Vue组件的方法中加载和使用匿名函数,并提供详细的代码示例和解释,帮助开发者更好地理解和应用这些技术2024-09-09
最新评论