從vue-router鏈接獲取'id'值

Question

如何從vue-router鏈接獲取對象值？ 例如，在這個環節 http://laravel.dev/#!/messages/

「身份證」所以這個ID，我可以從數據庫中獲取特定數據。

我的代碼

var detailMessage = Vue.extend({ 
template: '#detailMessage', 
data: function() { 
    return { 
     id: '' 
    } 
}, 
ready: function(id) { 
    this.getID(id); 
}, 
methods: { 
    getID: function(id) { 
    this.$http.get('/api/messages/' + id, function(data) { 
     alert(data); 
      }) 
     } 
    } 
}) 


var router = new VueRouter() 
router.map({ 
'/api/messages/:idMessage': { 
    name: 'sentMessage', 
    component: detailMessage 
    } 
}) 

對不起，錯誤是，當鏈接點擊，瀏覽和URL變化，但所發到服務器 http://laravel.dev/api/messages/undefined

以下錯誤截圖

感謝

Answer 1

router.map({ 
'/api/messages/:message_id': { 
    name: 'sentMessage', 
    component: detailMessage 
    } 
}) 

然後，您可以訪問任何時間在虛擬機中與this.$route.params.message_id