programing

라우터 푸시 후 asyncData에서 루트 매개 변수

itsource 2022. 8. 1. 22:19
반응형

라우터 푸시 후 asyncData에서 루트 매개 변수

asyncData 방식으로 루트 파라미터를 취득하려고 합니다.루트로 수동으로 이동하면 동작합니다만, 라우터 Push 방식을 사용하면 파라미터가 수신되지 않습니다.

asynData 메서드는 다음과 같습니다.

  async asyncData(ctx) {
    const { id } = ctx.app.router.currentRoute.params
    await ctx.store.dispatch('user/GET_USER', id)
    return {
      user: ctx.store.state.user.user
    }
  },

각 페이지로 이동하려면 다음과 같이 하십시오.

goToEdit(id) {
  this.$router.push({ path: `/users/${id}/edit` })
}

ctx에서 직접 루트를 가져와야 합니다.컨텍스트 인수 목록

 async asyncData({ route }) {
    const { id } = route.params
    await ctx.store.dispatch('user/GET_USER', id)
    return {
      user: ctx.store.state.user.user
    }
},

비슷한 방법으로 하고 있지만, 패러머나 거의 모든 것을 취득하고 있습니다.context.

async asyncData(context) {
        const plans = await context.$axios.get("business/get-plans", {
            params: {
                currency: context.query.currency
            }
        }).then((res) => {
            return res.data;
        });

를 참조해 주세요.context.$axios그리고.context.query.

언급URL : https://stackoverflow.com/questions/54992618/get-route-params-in-asyncdata-after-router-push

반응형