父页面
- 点击某个按钮,跳转到下个页面事件
html部分的点击事件(n:是传递给函数的参数)
<el-button @click='toPage(n)'></el-button>
js部分
- m:接收点击事件传过来的n;传递给子页面page的参数
- name:存放的是要跳转的页面,路由router里中的name值
toPage(m) {
this.$router.push({ name: 'Page', params: { value: m }})
}
子页面 page
- 定义一个变量接收父页面传递过来的值
created() {
var receiveValue = this.$route.params.value
}