vue의 전역 루트 수위에서this 작업을 대체합니다 (this.$store/this.$vux)

글로벌 라우팅 수위this.$vux.loading.hide () 오류 보고,this에 접근할 수 없음
해결 방법
변수 설명
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.$를 사용할 수 없음을 해결합니다.store
vue 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) 을 대체하는 것이 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고해 주시고 저희를 많이 사랑해 주십시오.

좋은 웹페이지 즐겨찾기