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


新聞列表頁面:

  在這里我用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傳過去啦

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM