动态路由传值

最新推荐文章于 2022-09-07 08:51:35 发布

一颗十月橘

最新推荐文章于 2022-09-07 08:51:35 发布

阅读量238

点赞数

分类专栏： router 文章标签： vue

本文链接：https://blog.csdn.net/m0_37549178/article/details/118576168

版权

Vue.js 动态路由参数传递路由参数组件通信

关键词由CSDN通过智能技术生成

router 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//第一种方式适合传字符串
//router/index
{
    path: '/user/:abc',
    component: User,
  },
 //App.vue
 <router-link :to="'user/'+abc"></router-link>
 <script>
  export default {
	data (){
		return{
			abc:'hahaha',
		}
	}
  }
</script>
 //User.vue
 <h1>{{userId}}</h1>
<script>
 export default {
	computed:{
		userId(){
			return this.$route.param.abc//$route获取到正在活跃的路由
		}
	}
}
</script>
//第二种方式传对象
 <router-link :to="{path:'/user',query:{abc:'hahaha'}}"></router-link>
 //取得时候
 {{this.$route.query.abc}}