홈>
기사 ID를 반환하고 해당 ID의 세부 정보 페이지로 이동하려고합니다. 나는 아래와 같은 것을했다. 그러나 결국 작동하지 않습니다 ... 콘솔에서 팝업 및 다음을 가리키는 오류가 있습니다 :
와이즈 비즈여기서 조금 길을 잃었 기 때문에 도움이 필요합니다. 내가 뭘 잘못 했니?
Vuex
api/v1/article[object%20Object]:1 Failed to load resource: the server responded with a status of 404 (Not Found)
경로
export const articles = {
state: {
article: {},
},
mutations: {
setArticle(state, article){
state.article = article;
},
},
getters: {
loadArticle(state){
return state.article;
},
},
actions: {
getArticle(id){
axios.get("api/v1/article" + id)
.then(response => {
this.commit('setArticles', response.data);
})
.catch(error => {
console.log(error);
})
},
}
}
기사 구성 요소
{
path: "detail/:id",
name: "detail",
component: Vue.component("Detail", require("./pages/Detail.vue").default),
meta: {
requiresAuth: true
}
},
기사 ID로 연결
export default {
components: {
maps,
},
data(){
return {
};
},
created(){
this.$store.dispatch( 'getArticle', {
id: this.$route.params.id
});
},
computed: {
article(){
return this.$store.getters.loadArticle;
}
}
}
<router-link :to="{ name: 'detail', params: { id: item.id } }">詳細を見る</router-link>
-
답변 # 1
관련 질문
- javascript - Nuxt의 env에서 개발 또는 프로덕션 API URL 설정
- javascript - Vuetify 여러 v-select 필수 규칙이 작동하지 않습니다
- javascript - setTimeout 함수를 사용하는 동안 Vue에서 v-show 또는 v-if를 사용하여 가시성 전환
- bootstrap 4 - Vuejs 값이 존재하지 않으면 숨길 필요
- vue.js - 입력 필드가 다른 필드보다 큰 경우 버튼 비활성화
- vue.js - 메서드 함수 내에서 계산 함수를 어떻게 사용할 수 있습니까?
- javascript - vuejs - 변수는 에 표시 할 수 있지만 마운트 된 훅에서는 사용할 수 없습니다
- javascript - 재설정되지 않는 입력 값 - vuejs
- javascript - Vuejs- 구성 요소 DOM에 반영되지 않은 상태 내부 배열 내의 개체를 업데이트하는 Vuex
- javascript - vue - 선택한 옵션에 따라 경로를 변경하고 요소에 기본 선택된 옵션을 표시하는 방법은 무엇입니까?
업데이트
첫 번째
parameter
저장 조치는 상점 특성 자체입니다. 이것이 당신이store
를 얻는 이유입니다 목적.id
를 받아야합니다 또는 두 번째 매개 변수 인 페이로드입니다.여기에 표시됩니다
당신은
object
를 통과 매개 변수로대신해야합니다-