从 vue-router 的 link 获取 'id' 值

Question

如何从vue-router的link获取一个对象值？例如 'id' 在这个 link 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
    }
})

抱歉，错误是在 link 单击、查看和 url 更改时发生的，但是发送到服务器的是 http://laravel.dev/api/messages/undefined

此处错误截图

谢谢

Answer 1

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

然后您可以使用 this.$route.params.message_id

访问虚拟机中的任何位置

从 vue-router 的 link 获取 'id' 值

Get 'id' value from vue-router's link

javascript

php

laravel

vue.js

vue-router