Vue模拟数据，实现路由进入详情页面

{ path: '/goodDetail', component:goodDetail }

selectGood(){ router.push({ path: 'goodDetail', query:{goodId:this.goodDetail.id}}) }

 

详情页：

export default{
data(){
return {
id: this.$route.query.goodId,
loading: false,
selectedGood: []
}
},

created(){
this.fetchData();
},

methods:{
fetchData(){
this.loading = true;

//拿到查询字段，商品的id后进行http请求
var id = this.id;
this.$http.get('/api/goods/' + id)
.then(response => {
this.selectedGood = response.data.data;
}, error => {
console.log(error);
})

this.loading = false;
}
}
}

转载于:https://www.cnblogs.com/lingshan168/p/9808907.html