반응형
라우터 푸시 후 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
반응형
'programing' 카테고리의 다른 글
"this"는 vue.js 워처에 정의되어 있지 않습니다. (0) | 2022.08.01 |
---|---|
Vue에서 두 비동기 작업 간의 종속성 (0) | 2022.08.01 |
Vue.js는 2개의 다른 메인 레이아웃 (0) | 2022.08.01 |
C에서 어레이 인덱스의 올바른 유형은 무엇입니까? (0) | 2022.08.01 |
Java 어레이를 인쇄하는 가장 간단한 방법은 무엇입니까? (0) | 2022.08.01 |