vue中页面跳转传值-ag凯发k8国际
ag凯发k8国际
收集整理的这篇文章主要介绍了
vue中页面跳转传值_vue的页面跳转方式和传值、取值
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
写业务中,从一个页面跳转到另一个页面,经常需要传值和取值,如何实现?
1、通过router-link进行跳转,传递方式:
使用query传递参数,路由必须使用path引入,
使用params传递参数,路由必须使用name引入
跳转
跳转地址 ====> /home?key=hello&value=world
取值 ====> this.$route.query.key
跳转
跳转地址 ====> /home
取值 ====> this.$route.params.key
2、$router方式跳转
通过query
this.$router.push({
path: '/detail',
query: {
name: 'admin',
code: 10021
}
});
跳转地址 ====> /detail?name=admin&code=10021
取值 ====> this.$route.query.name
通过params
this.$router.push({
name: 'detail',
params: {
code: 10021
}
});
跳转地址 ====> /detail(注意:地址不会有参数,所以页面刷新传递的数据就没了)
取值 ====> this.$route.params.code
总结
以上是ag凯发k8国际为你收集整理的vue中页面跳转传值_vue的页面跳转方式和传值、取值的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇:
- 下一篇: db2数据库连接数 linux_linu