Vue.js—路由传参

原创 17600434266 随笔 Vue.js 204阅读 2018-05-25 14:53:04 举报

Main.js,路由页面
{
path: '/customer/:id',
component: CustomerDetails
}

父页面
<router-link class="btn btn-default" v-bind:to="'/customer/'+customer.id">详情</router-link>

methods:{
fetchCustomers(id) {
this.$http.get("http://localhost:3000/users/"+id)
.then(res => {
//console.log(res.body);
this.customer = res.body;
});
// axios.get("users").then(res=>{
// console.log(res.data)
// })
},

接收对应的每个id
created(){
this.fetchCustomers(this.$route.params.id)
}

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复