vue带有参数的路由跳转
vue带有参数的路由跳转: 1. 接收路由传递的参数有两种方式; (this.$router.history.current.params 、 this.$route.params) 2. 为避免在跳转页面F5数据丢失,需要将传递的参数存到sessionStorage 3. 跳转的地方,路由跳转时, 不可使用 path, 要使用name。 (path适用于不带参数的跳转)
·
vue带有参数的路由跳转:
1. 接收路由传递的参数有两种方式; (this.$router.history.current.params 、 this.$route.params)
2. 为避免在跳转页面F5数据丢失,需要将传递的参数存到sessionStorage
3. 跳转的地方,路由跳转时, 不可使用 path, 要使用name。 (path适用于不带参数的跳转)
created(){
let info = this.$router.history.current.params.info;
// let info = this.$route.params.info;
if (info) {
sessionStorage.setItem("detailItem12", info);
}
let houseId = sessionStorage.getItem("detailItem12") + '';
this.houseId = houseId;
},
gotoDetailPage: function (index, rowData) {
let routerName = '';
if (rowData.houseLivedState == 1) {
routerName = 'HouseDetail1';
}else if(rowData.houseLivedState == 2){
routerName = 'HouseDetail2';
}else if(rowData.houseLivedState == 3){
routerName = 'HouseDetail3';
}else{
}
this.$router.push({
name : routerName,
params: {
'info': rowData.id
}
})
},
更多推荐
已为社区贡献1条内容
所有评论(0)