如何从 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
这里是错误截图
谢谢
最佳答案
router.map({
'/api/messages/:message_id': {
name: 'sentMessage',
component: detailMessage
}
})
然后您可以使用 this.$route.params.message_id
访问 vm 中的任何位置
关于javascript - 从 vue-router 的链接获取 'id' 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35379777/