vue中路由(router)的path与name传参和接收方式

Posted 2021-08-29 web半晨

传递

// query通过path切换路由
<router-link :to="{path: 'Detail', query: { id: 1 }}">前往Detail页面</router-link>
// params通过name切换路由
<router-link :to="{name: 'Detail', params: { id: 1 }}">前往Detail页面</router-link>

接收

created () {
	// query通过this.$route.query接收参数
	const id = this.$route.query.id;
	// params通过this.$route.params来接收参数
	const id = this.$route.params.id;
}