|
@@ -2,15 +2,23 @@
|
|
|
<div id="menuInfo">
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="menu">
|
|
|
- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" text-color="#fff">
|
|
|
- <el-menu-item index="1">网站首页</el-menu-item>
|
|
|
- <el-menu-item index="2">科技政务</el-menu-item>
|
|
|
- <el-menu-item index="3">科技政策</el-menu-item>
|
|
|
- <el-menu-item index="4">科技超市</el-menu-item>
|
|
|
- <el-menu-item index="5">科技数据</el-menu-item>
|
|
|
- <el-menu-item index="6">科技服务</el-menu-item>
|
|
|
- <el-menu-item index="7">科技资源</el-menu-item>
|
|
|
- <el-menu-item index="8">科技人才</el-menu-item>
|
|
|
+ <el-menu
|
|
|
+ :default-active="thisRouter()"
|
|
|
+ class="el-menu-demo"
|
|
|
+ mode="horizontal"
|
|
|
+ :router="false"
|
|
|
+ :default-openeds="defalutMenu"
|
|
|
+ @select="to"
|
|
|
+ text-color="#fff"
|
|
|
+ >
|
|
|
+ <el-menu-item index="/">网站首页</el-menu-item>
|
|
|
+ <el-menu-item index="/government/government">科技政务</el-menu-item>
|
|
|
+ <el-menu-item index="/policy/policy">科技政策</el-menu-item>
|
|
|
+ <el-menu-item index="/supermaket/supermarket">科技超市</el-menu-item>
|
|
|
+ <el-menu-item index="/shuju/shuju">科技数据</el-menu-item>
|
|
|
+ <el-menu-item index="/service/service">科技服务</el-menu-item>
|
|
|
+ <el-menu-item index="/resource/resource">科技资源</el-menu-item>
|
|
|
+ <el-menu-item index="/personnel/personnel">科技人才</el-menu-item>
|
|
|
</el-menu>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -23,13 +31,16 @@ export default {
|
|
|
props: {},
|
|
|
components: {},
|
|
|
data: () => ({
|
|
|
- activeIndex: '1',
|
|
|
+ defalutMenu: [],
|
|
|
}),
|
|
|
created() {},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
- handleSelect(key, keyPath) {
|
|
|
- console.log(key, keyPath);
|
|
|
+ thisRouter() {
|
|
|
+ console.log(this.$route.path);
|
|
|
+ },
|
|
|
+ to(index) {
|
|
|
+ this.$router.push({ path: index });
|
|
|
},
|
|
|
},
|
|
|
};
|