Vue 页面传参

Vue 页面传参

1. router-link

<router-link   
 	:to="{
 		path: '/',
 		name:'base', 
 		params: {status:200}, 
 		query:{id:2}
 	}">
	点击
</router-link>

2. this.$router.push

this.$router.push({
    path: "/",
    name: "base",
    params: {
        status: 201
    },
    query:{
        id:1
    }
})

不带name则会出现this.$route.params.obj为空的情况

而this.$route.params.query可以正常获取