Vue의 라이프 사이클 beforeDestory가 트리거되지 않는 문제 해결
1536 단어 Vue라이프 사이클beforeDestory
router-view에keep-alive를 추가하여 구성 요소 캐시를 만들었기 때문에beforeDestory와destoryed를 터치하지 않습니다
끝!
보충 지식: vuex actions가 vue-resource를 정확하게 사용하는 방식(Error in mounted hook: "TypeError: Cannot read property'get'of u)
장면
. SPA에서 vuex를 사용하여 데이터를 초기화합니다. vuex의 actions에서 vue-resource를 사용해야 합니다.
사용하는 방식은
actions : {
setTaskList : function (store) {
let url = 'http://zhihu.carsonlius_liu.cn/api/tasks';
Vue.$http.get(url).then(function (response) {
if (response.status === 200) {
store.commit('setTask', response.body);
}
});
}
}
오류 알림Error in mounted hook: "TypeError: Cannot read property 'get' of undefined
분석
. 프롬프트 Vue.$http.get은 존재하지 않습니다.인쇄한 후에 역시 존재하지 않기 때문에 문제는 바로 Vue입니다.위쪽
. actions에서 콘솔을 인쇄합니다.log(Vue);
`warn('Vue is a constructor and should be called with the `new` keyword');`
. 그래서 Vue를 실례화한 변수를 $http로 호출합니다.
해결하다
. Vue 실열의 상수를 설명하고 이 상수에 따라 $http를 호출합니다.
const Http = new Vue
actions : {
setTaskList : function (store) {
let url = 'http://zhihu.carsonlius_liu.cn/api/tasks';
Http.$http.get(url).then(function (response) {
if (response.status === 200) {
store.commit('setTask', response.body);
}
});
}
}
이상의 이번 Vue의 생명주기 before Destory가 촉발하지 않는 문제를 해결하는 것은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고 부탁드리고 저희도 많이 사랑해 주세요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.