路由跳转中的传参问题
------------恢复内容开始------------
路由跳转有两种方式:
1.通过params属性传值,该方法在跳转页面刷新时数据会丢失
methods: {
/**
* 跳转子菜单
*/
goSub (param) {
this.click = true
this.$router.push({
// path: `/${url}`
name: 'Solutionunfold'
,params : {data:param}
})
},
}
}
2.通过query属性传值,该方法页面刷新时数据不会丢失,但是会拼在URL后面,不够安全,一般只传一个参数用于跳转页面调接口:
以点击跳转为例子:
@click="goSub(parameter1 , parameter2)"
/**
* 跳转子菜单,通过query传参(多参数时)
*/
this.click= true
goSub(parameter1, parameter2) {
this.$router.push({
path: '跳转路由名称',
query: { parameter1: parameter1,
parameter2: parameter2}
})
},
------------恢复内容结束------------

浙公网安备 33010602011771号