淺談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 //將該標注設置在剛才創(chuàng)建的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的數據及事件綁定和filter過濾器，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
這篇文章主要為大家詳細介紹了Vue.Draggable實現交換位置，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue下的@change事件的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
下面小編就為大家分享一篇vue watch監(jiān)聽對象及對應值的變化詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
vue中el-autocomplete與el-select的異同
本文主要介紹了vue中el-autocomplete與el-select的異同，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
要在 Vue 項目中使用 svg-sprite-loader 來管理 SVG 圖標,需要執(zhí)行相應的步驟,接下來通過本文給大家介紹VUE3 加載自定義SVG文件的詳細步驟,感興趣的朋友一起看看吧2024-01-01
這篇文章主要介紹了vue ssr 指南詳讀,詳細的介紹了什么是SSR以及如何使用，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要給大家介紹了關于Vue動態(tài)改變css樣式的3種方法,在Vue.js中我們經常需要根據特定的條件或事件來動態(tài)地修改CSS樣式,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11
Nuxt.js是創(chuàng)建Universal Vue.js應用程序的框架。它的主要范圍是UI渲染，同時抽象出客戶端/服務器分布。我們的目標是創(chuàng)建一個足夠靈活的框架，以便您可以將其用作主項目庫或基于Node.js的當前項目。2020-03-03
隨著構建現代前端應用的需要,樣式的管理和隔離變得越來越重要,為了解決樣式沖突和管理困難的問題,CSS Modules 應運而生,本文我們將討論如何在 Vue3 中使用 CSS Modules 實現樣式隔離,需要的朋友可以參考下2024-09-09