router-link to实现带参数传递

router-link带参数传递，实现点击table表格的某一项可以根据他的id匹配不同的跳转页面：

router-link路径跳转代码：

主页面 index.vue

<router-link :to="{ path: '/要跳转的路径',query:{id:record.id}}">
	<a>{{record.name}}</a>
</router-link>

跳转到的页面：service.vue

//接受传过来的参数
this.id = this.$route.query.id

//此时可以使用这个id去匹配接口中的id值，从而实现根据不同id显示不同内容
//有时候传过来的不是正确的参数形式，需要转化一下，在我的这个项目里是使用formdata格式
const formdata = new FormData()
formdata.append("id",this.$route.query.id)
loadInfo(formdata).then((res)=>{
   		this.tabledata = res.data
   })

注意：小伙伴们，router-link之后别忘记在router.js里写好要跳转的路径哦，不然跳转的是空页面