Vue页面传值取值

首先是vue query传参方法

1.路由配置：
name: 'home',
path: '/home'
2.跳转
this.$router.push({ path: "/RawDataInfoDetail", query: { jobnum: row.jobnum } });

接着在要接受的页面方法里获取页面传入的值

 let jobnum = _self.$route.query.jobnum

●params传参

1.路由配置：
name: 'home',
path: '/home/:id'(或者path: '/home:id')
2.跳转：
this.$router.push({name:'home',params: {id:'1'}})
注意：
// 只能用 name匹配路由不能用path
// params传参数(类似post)  路由配置 path: "/home/:id" 或者 path: "/home:id"否则刷新参数消失
3.获取参数
html取参:$route.params.id 
script取参:this.$route.params.id

●params和query的区别

query类似 get，跳转之后页面 url后面会拼接参数，类似?id=1。
非重要性的可以这样传，密码之类还是用params，刷新页面id还在。
params类似 post，跳转之后页面 url后面不会拼接参数。