programing

Vuex에서 Vue 라우터 파라미터를 취득하는 방법

itsource 2022. 7. 21. 20:44
반응형

Vuex에서 Vue 라우터 파라미터를 취득하는 방법

사용할 수 없습니다.

this.$route.params
route.params
router.params

액션에서 $route의 파라미터를 취득하려면 어떻게 해야 합니까?

action.

import router from 'path/to/router'
console.log(router.currentRoute.params)

Vuex를 사용하여 상태 또는 rootState를 통해 현재 경로에 액세스할 수 있습니다.

액션이 모듈 내에 있는 경우 rootState를 사용합니다.

MY_ACTION: ({rootState}) => new Promise((resolve, reject) => {
    let params = rootState.route.params
    // do stuff
}

액션이 모듈에 없는 경우 state를 사용합니다.

MY_ACTION: ({state}) => new Promise((resolve, reject) => {
    let params = state.route.params
    // do stuff
}

컨텍스트 객체의 자세한 내용은 https://vuex.vuejs.org/api/#actions 를 참조하십시오.

언급URL : https://stackoverflow.com/questions/50824234/how-to-get-vue-router-params-in-vuex

반응형