Vue通过路由传参数

最新推荐文章于 2022-10-24 10:49:10 发布

栈狮

最新推荐文章于 2022-10-24 10:49:10 发布

阅读量123

点赞数

分类专栏：学习笔记 Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/yy6818/article/details/118210191

版权

学习同时被 3 个专栏收录

47 篇文章

订阅专栏

笔记

47 篇文章

订阅专栏

Vue

12 篇文章

订阅专栏

本文介绍了一种在Vue.js应用中使用路由进行页面跳转并传递参数的方法。具体展示了如何通过`this.$router.push`方法设置跳转路径及传递查询参数，并在导航栏组件中利用这些参数实现特定功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

跳转这样写

 this.$router.push({
              path:'/user',//跳转的地址
              query: {
                TName: res.data.user[0].teacherName,//TName参数
                mailBox: res.data.user[0].mailbox,
                telephone: res.data.user[0].mailbox,
              }
            })

使用的时候

在iview的导航栏里可以这样用

<MenuItem  :to="{
			      path:'/userSearch',
	         query:{
			        id:$route.query.uId
	         }
			  }"  name="2" class="MenuItem" :class="{'ivu-menu-item-active ivu-menu-item-selected':$route.path=='/userSearch'}">
					<Icon type="ios-search" />
					查询
			</MenuItem>