VUE通過id從新聞列表跳轉到相對的新聞詳情
阿新 • • 發佈:2017-11-20
新聞列表 brush ror item tor erro div pat console
新聞列表頁面:
在這裏我用a標簽進行跳轉,在vue裏面可以這樣寫<router-link></router-link>
<router-link :to="{path:‘/news‘,query:{ id:item.NewsID }}" class="around"></router-link>
新聞詳情頁:
1)首先要獲取id
var newsID=this.$route.query.id;
2)拼接到url上面
this.$http.get(this.$store.state.index.ip + ‘/api/News/‘+newsID)
created: function() {
var newsID=this.$route.query.id;
this.$http.get(this.$store.state.index.ip + ‘/api/News/‘+newsID).then((response) => {
console.log(response);
}).catch(function(error) {
console.log(error);
});
}
這樣就可以把id傳過去啦
VUE通過id從新聞列表跳轉到相對的新聞詳情