VUE通過id從列表頁跳轉到相對的詳情頁
新聞列表頁面：
在這里我用a標簽進行跳轉，在vue里面可以這樣寫<router-link></router-link>
|
1
|
<
router-link
:to="{path:'/news',query:{ id:item.NewsID }}" class="around"></
router-link
>
|
新聞詳情頁：
1）首先要獲取id
|
1
|
var
newsID=
this
.$route.query.id;6
|
2）拼接到url上面
|
1
|
this
.$http.get(
this
.$store.state.index.ip +
'/api/News/'
+newsID)
|
完整寫法：
|
1
2
3
4
5
6
7
8
|
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傳過去啦
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。