홈>
기사 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 : 데이터가 없는 경우 어떻게 "비어 있음"을 표시할 수 있습니까?
- Vue.js에서 Vuetify의 v-select에서 선택한 텍스트로 Id 가져오기
- vue.js : Vue 오류: 잘못된 소품: 소품 "참가자"에 대한 유형 검사에 실패했습니다. 예상 개체, 배열이 있음
- vue.js의 모든 자식 경로에 v-if 사용
- vue.js : Vuejs는 동적 양식 값을 얻습니다.
- javascript : 쿼리 문자열이 비어 있으면 "403 액세스 거부" 표시
- vue.js : 구성 요소에서 V-If 문을 성공적으로 연결하는 방법은 무엇입니까?
- vue.js : VueJS 테이블에서 중복 필드 값을 제거하는 방법은 무엇입니까?
- javascript :
태그를 사용할 때 Vue 구성 요소가 렌더링되지 않습니다. - javascript : 계산 속성 내의 Vue JS if/else 문
업데이트
첫 번째
parameter
저장 조치는 상점 특성 자체입니다. 이것이 당신이store
를 얻는 이유입니다 목적.id
를 받아야합니다 또는 두 번째 매개 변수 인 페이로드입니다.여기에 표시됩니다
당신은
object
를 통과 매개 변수로대신해야합니다-