- 路由配置文件
router/index.js
{
path: '/processInfo_management',
name:'processInfo_management',
component: resolve => require(['../components/page/process/processInfo_management.vue'], resolve),
meta: {
title: '流程單詳情',
isKeepAlive: false
}
},
1. this.$route.query
- 傳參數(shù)
this.$router.push({
path: '/processInfo_management', query:{process_code: 'J20190903001T03'}
});
- 獲取參數(shù)
this.$route.query.process_code - url的表現(xiàn)形式(url中帶有參數(shù))
http://localhost:8080/?#/processInfo_management?process_code=J20190903001T03
注意： 重復(fù)跳轉(zhuǎn)該頁面會(huì)創(chuàng)建多個(gè)同名頁面瓦盛，刷新頁面會(huì)正常顯示頁面 如下：
image.png
2. this.$route.params
- 傳參數(shù)（ params相對應(yīng)的是name query相對應(yīng)的是path）
this.$router.push({
name: 'processInfo_management', params:{processInfo_management: 'J20190903001T03'}
});
- 獲取參數(shù)
this.$route.params.shopid - url的表現(xiàn)形式(url中不帶有參數(shù))
http://localhost:8080/#/processInfo_management
注意：重復(fù)跳轉(zhuǎn)該頁面不會(huì)創(chuàng)建多個(gè)同名頁面宜肉，新頁面會(huì)覆蓋舊頁面，如果傳參刷新頁面會(huì)導(dǎo)致傳的參數(shù)為空導(dǎo)致一些數(shù)據(jù)獲取不到
