Vue页面之间的传值
1.一个页面传递参数到另一个页面
Index.vue页面代码
<template>
<div>
<v-navigation title="-专家平台" :menus="menus" url="/p"></v-navigation>
<router-view></router-view>
</div>
</template>
<script>
import vNavigation from "./../../components/TheNavigation.vue";
export default {
name: "Index",
components: {
vNavigation
},
data() {
return {
menus: [
{
index: "1",
name: "首页",
url: "/p"
},
{
index: "2",
name: "院校",
url: "/p/school/searchbyname"
},
{
index: "3",
name: "专业",
url: "/p/major/searchmajor"
},
{
index: "4",
name: "其他数据",
url: "/p/other/scorestage"
},
{
index: "5",
name: "资讯",
url: "/p/news/index"
}
]
};
}
具体如下图:
传递的三个参数说明:title:页面标题--是不变的;menus--传入的可变参数;url--跳转路径
在组件页面中引入传递参数
export default {
props: { url: String, title: String, menus: Array }
}