侧边栏active

src/views/WindSite/WindSite.vue

@@ -12,7 +12,7 @@
 					<div class="page-common-body-menu-border right bottom"></div>
 					<router-link v-for="(menuData, index) of menuDatas" :key="index" :to="menuData.path" >
 						<div class="page-common-body-menu-item"
-							:class="{ active: activeIndex == index}">
+							:class="{ active: activeIndex == index}" @click="clickMenu(index)">
 							<span class="svg-icon" :class="activeIndex == index ? 'svg-icon-yellow' : 'svg-icon-green'">
 								<SvgIcon :svgid="menuData.icon"></SvgIcon>
 							</span>
@@ -78,6 +78,9 @@
 		},
 		// 函数
 		methods: {
+			clickMenu: function(index) {
+			  this.activeIndex = index;
+			},
 			menu() {
 				this.menuDatas.forEach((ele) => {
 					if (ele.icon == 'svg-wind-site') {