Vue中使用$router传参,$route获取参数
1、//$router : 是路由操作对象,只写对象 //$route : 路由信息对象,只读对象//操作 路由跳转this.$router.push({name:'hello',params:{name:'word',age:'11'}})//读取 路由参数接收this.name = this.$route.params.name;this.age = this.$route.params.ag
·
1、//$router : 是路由操作对象,只写对象 //$route : 路由信息对象,只读对象
//操作 路由跳转
this.$router.push({
name:'hello',
params:{
name:'word',
age:'11'
}
})
//读取 路由参数接收
this.name = this.$route.params.name;
this.age = this.$route.params.age;
2、路由传参:
使用params带参数,需要对应使用name来指明路径
使用path+query来进行传参(params带参数跳转,在跳转后页面再进行跳转或刷新都有可能导致数据丢失,建议使用query带参数)
更多推荐
已为社区贡献1条内容
所有评论(0)