8

vue-router のリンクからオブジェクト値を取得するには? たとえば、このリンクの「id」 http://laravel.dev/#!/messages/ 1703

したがって、その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です

ここでエラーのスクリーンショット

ありがとう

4

1 に答える 1

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

その後、vm のどこにでもアクセスできます。this.$route.params.message_id

于 2016-02-13T14:11:29.913 に答える