vue页面跳转传值和获取路径中的参数的两种形式
路径:http://localhost:3000/edit/123取值123的方式:this.$route.params.id路径:http://localhost:3000/?token=123取值123的方式:this.$route.query.token
·
页面跳转传值:
1. 使用<router-link :to="'/saas-client/detail/'+scope.row.id">
标签
在router.js中的path写法:path: 'detail/:id',
目标页面取值:this.companyId = this.$route.params.id;
2.使用:name – params传参数 - 地址栏看不到参数
this.$router.push({
name:'saas-client-detail',
params:{id:row.id}
})
在router.js中的path写法:path: 'detail',
目标页面取值:this.companyId = this.$route.params.id;
3.使用:path – query 传参 - 地址栏可以看到参数
this.$router.push({
path:'/saas-client/detail',
query:{id:row.id}
})
目标页面取值:this.companyId = this.$route.query.id
获取路径中的参数的两种形式
-
路径:
http://localhost:3000/edit/123
取值123的方式:this.$route.params.id
-
路径:
http://localhost:3000/?token=123
取值123的方式:this.$route.query.token
更多推荐
已为社区贡献1条内容
所有评论(0)