router.push携带参数
时间: 2023-11-04 14:51:34 浏览: 103
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
使用router.push方法可以携带参数进行页面跳转。有两种方式可以传递参数:
1. 使用params参数:
通过this.$router.push({name: '路由的name', params: {key: value}})来传递参数。其中name是路由的名称,params是一个对象,包含了要传递的参数及其对应的值。
2. 使用query参数:
通过this.$router.push({path: '路由', query: {key: value}})来传递参数。其中path是路由的路径,query是一个对象,包含了要传递的参数及其对应的值。
另外,你还可以在执行点击按钮跳转页面之前执行一系列方法,然后使用this.$router.push(location)来修改URL完成跳转。location可以是字符串、对象或命名的路由。例如,你可以使用this.$router.push('/viewAgent')来跳转到路径为/viewAgent的页面,或者使用this.$router.push({path: '/viewAgent'})来跳转到指定路径。你还可以使用命名的路由this.$router.push({ name: 'viewAgent', params: { isShow: true}})来传递参数。
综上所述,你可以使用router.push方法携带参数进行页面跳转。
阅读全文