vue에서this 지향 및 화살표 함수에서 new를 사용할 수 없습니다
질문
오류 코드
renderMesh(map) {
//
this.$axios
.get(this.httpApi + "/api/Main/GetBlockMap", {})
.then(res => {
if (json.length > 0) {
this.$axios.get(_this.httpApi + "/api/Main/GetGridInfo", {})
.then(function(res){
console.lgo(res)
})
.catch(function(err){
console.log(" 233");
});
}
.catch(err => {
console.log(" 233");
});
},
문제 설명: 바깥쪽의axios 성공적인 리셋 함수에서 화살표 함수를 사용하기 때문에 안쪽의this.$axios.get ()의this 지향이 바뀌었습니다. window를 지향했습니다. 그 winodw에는 $axios라는 함수 방법이 없습니다. 그래서 잘못 보고했습니다.
솔루션:
renderMesh() 함수에서 this를 지정한 변수(예를 들어 this)에 가리키고 안쪽의 axios를 로 변경합니다this.$axios.get 이렇게 하면 문제 해결
renderMesh(map) {
let _this = this;
//
this.$axios
.get(this.httpApi + "/api/Main/GetBlockMap", {})
.then(res => {
if (json.length > 0) {
_this.$axios.get(_this.httpApi + "/api/Main/GetGridInfo", {})
.then(function(res){
console.lgo(res)
})
.catch(function(err){
console.log(" 233");
});
}
.catch(err => {
console.log(" 233");
});
},
vue 생명주기 갈고리 함수 중의this는 vue 실례를 가리킨다. 예를 들어created,mounted,methos...
하지만 화살표 함수(=>)의 this는 winodow를 가리킨다!
문제 2 화살표 함수 중 new가 작동하지 않습니다
문제설명: 제가 axios에서 요청한 리셋 함수는 고덕지도의 정보창 기능을 사용한 후에 오류가 발생한 것을 발견했습니다~~하지만 이 코드를 axios가 요청한 밖으로 옮겨도 오류가 발생하지 않습니다. 여러 가지 고생을 한 후에 화살표 함수에서 new,,,,,,,,,,,,,,,,,,,,,,를 사용할 수 없기 때문입니다.
단호안: 응, 간단하고 난폭하게 "=>res"를function(res)으로 바꾸면 문제 해결~~~~
질문 코드
this.$axios.get(_this.httpApi + "/api/Main/GetGridInfo", {})
.then(res =>{
var infoData = eval("("+ res.data +")")
var infoWindow2 = new AMap.InfoWindow({ //
autoMove: true,
content: openInfo(infoData,gridName)
});
infoWindow2.open(map, polygon3.getBounds().getCenter())
})
.catch(err =>{
console.log(" 233");
});
수정 후 코드
this.$axios.get(_this.httpApi + "/api/Main/GetGridInfo", {})
.then(function(res){
var infoData = eval("("+ res.data +")")
var infoWindow2 = new AMap.InfoWindow({ //
autoMove: true,
content: openInfo(infoData,gridName)
});
infoWindow2.open(map, polygon3.getBounds().getCenter())
})
.catch(function(err){
console.log(" 233");
});
해결~~~~~
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.