vue의 전역 루트 수위에서this 작업을 대체합니다 (this.$store/this.$vux)
해결 방법
변수 설명
main.js 파일 방법
router.beforeEach((to, from, next) => {
if(vue){
vue.$vux.loading.hide()
}else{
}
next()
})
let vue = new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})
if 판단 첫 번째 초기화 오류 방지혹은
let vue = new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})
router.beforeEach((to, from, next) => {
// if(vue){
vue.$vux.loading.hide()
// }else{
// }
next()
})
보충 지식: 네비게이션 수위가 this.$를 사용할 수 없음을 해결합니다.storevue router의 내비게이션 수위인 beforeEach () 에서this.$를 직접 통과할 수 없습니다.store에서 vuex를 조작합니다. 여기의this 지향이 일치하지 않기 때문입니다.
해결 방식은router의 index입니다.js에 초기화된 store 도입
import store from '@/store'
그리고 내비게이션 수위에서 바로 라우터를 받을 수 있어요.
/** */
router.beforeEach((to, form, next) => {
console.log(store.getters)
})
이상의 이 vue의 전역 루트 수위에서this 작업 (this.$store/this.$vux) 을 대체하는 것이 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고해 주시고 저희를 많이 사랑해 주십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.