1. 程式人生 > >VUE通過id從新聞列表跳轉到相對的新聞詳情

VUE通過id從新聞列表跳轉到相對的新聞詳情

新聞列表 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從新聞列表跳轉到相對的新聞詳情