首先在route的配置文件中配置
变量前加:,这样就能传参给相应组件了
{ path:'/user/:name', name:'user_info', component:UserInfo },
在相应组件中,写axios方法拿取数据
getUser(){ Axios.get(`https://cnodejs.org/api/v1/user/${this.$route.params.name}`) .then(response=>{ window.console.log(response) }) }
注意:变量参数用的是`反单引号包裹
本文介绍如何在路由配置中使用变量进行传参,并在目标组件中通过axios获取动态参数对应的数据。具体展示了如何设置路由路径以接受动态参数,并在组件内部调用axios请求API接口。
391

被折叠的 条评论
为什么被折叠?



