vue-cli 页面传参

vue-cli 页面传参

router/index.js

'''
routers:[
   {
   	path: '/',
   	name: 'index',
   	component: Index
   },
   {
   	path: '/sso/login',
   	name: 'login',
   	component: 'Login
   }
   ...
]

src/sso/index.vue

<template>
	<button @click="test()"></button>
</template>

<script>
	methods: {
		test() {
			let vm = this;
			let name = '张三';
			vm.$router.push({name: 'login', params: {name: name}})
		}
	}
</script>	

src/sso/login

<template>
</template>
<script>
	...
	created() {
		let vm = this;
		let name = vm.$route.params.name;    //   注意是    $route
		console.log(name)        // '张三'
	}
	...
</script>