发表于： 2019-12-25 23:20:14
1 1193
今天完成的事情：
早上写代码没啥状态，我是想下午写，或者晚上，但是晚上写第二天没状态，身体也容易出问题，是个麻烦事。
首先还是开始写课程中的新增页面吧，这个新增页面今天一定要写完。
新增页面要发请求，发请求就要用到传参，传参的方式有两种，一种是query，另一种是params，
1.query方式传参和接收参数
传参:
this.$router.push({
path:'/xxx',
query:{
id:id
}
})
接收参数:
this.$route.query.id
注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！
- 1.$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法
- 2.$route为当前router跳转对象，里面可以获取name、path、query、params等
2.params方式传参和接收参数
传参:
this.$router.push({
name:'xxx',
params:{
id:id
}
})
接收参数:
this.$route.params.id
注意:params传参，push里面只能是 name:'xxxx',不能是path:'/xxx',因为params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined！！！
另外，二者还有点区别，直白的来说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示
简单来说一下新增，捋一下他的逻辑，之前我是直接跳转页面的，用router-link标签，后面怎么传递值我没想好，只是先把那个样式写出来了，正确的写法应该是要给一个点击事件，然后router/push 然后传一个类型过去，如果是编辑的话还要传一个id，我先把新增方面的点击事件写好。
明天计划的事情：继续写后台
收获：更了解了传参的方式。
返回列表
评论