view路由传参方法

查看Vue教程(路由Router-传值) - 云+社区 - 腾讯云 得到两种方法进行尝试得到可行

第一种方式：

1.route-link中配置如下段代码所示

<template>
	<ul>                                                               
		<li v-for="item,index in recommendedtypes" @click="change(item.id)" :class="{current:item.id==typeid}">
			<router-link :to="{path:'/community/recommended/'+item.id}" >{
  {item.typename}}</router-link>
		</li>
		<router-view></router-view>
	</ul>
</template>

2.router.js中配置：

{
	path:"/community/recommended/:typeid",
	component:recommendeddetail
}

3.recommendeddetail.vue文件中获取typeid的值：

组件模板中设置直接获取值配置：{ {$route.params.typeid}}

通