vue 路由跳转,路由传参的几种方式
Posted langqq
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 路由跳转,路由传参的几种方式相关的知识,希望对你有一定的参考价值。
1. router-link
<router-link :to="{ path: ‘yourPath‘, params: { name: ‘name‘, dataObj: data }, query: { name: ‘name‘, dataObj: data } }"> </router-link>
2. $router方式跳转
this.$router.push({ path: ‘yourPath‘, query: { name: ‘name‘, dataObj: this.msg } })
this.$router.push(‘yourPath?code=123‘)
以上两种获取方式一样 ,this.$router.query.参数名
this.$router.push({ name: ‘yourName‘, params: { name: ‘name‘, dataObj: this.msg } })
获取:this.$router.params.参数名
以上是关于vue 路由跳转,路由传参的几种方式的主要内容,如果未能解决你的问题,请参考以下文章