hookehuyr

菜单控件点击逻辑优化

1 <!-- 1 <!--
2 * @Date: 2024-10-10 10:37:16 2 * @Date: 2024-10-10 10:37:16
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-24 10:14:43 4 + * @LastEditTime: 2024-10-24 18:19:36
5 * @FilePath: /hager/src/components/hagerMenu.vue 5 * @FilePath: /hager/src/components/hagerMenu.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="hager-menu-page"> 9 <div class="hager-menu-page">
10 - <div class="menu-wrapper"> 10 + <div class="menu-wrapper" @click="toggleTop()">
11 - <div class="menu-title" @click="toggleTop()">产品中心</div> 11 + <div class="menu-title">产品中心</div>
12 <div> 12 <div>
13 <i 13 <i
14 v-if="isToggle" 14 v-if="isToggle"
15 class="el-icon-arrow-up" 15 class="el-icon-arrow-up"
16 style="font-size: 1.25rem; color: #F56400;" 16 style="font-size: 1.25rem; color: #F56400;"
17 - @click="toggleTop()"
18 ></i> 17 ></i>
19 - <i @click="toggleTop()" v-else class="el-icon-arrow-down" style="font-size: 1.25rem; color: #F56400;"></i> 18 + <i v-else class="el-icon-arrow-down" style="font-size: 1.25rem; color: #F56400;"></i>
20 </div> 19 </div>
21 </div> 20 </div>
22 <div v-if="isToggle" class="menu"> 21 <div v-if="isToggle" class="menu">
...@@ -142,7 +141,6 @@ export default { ...@@ -142,7 +141,6 @@ export default {
142 }, 141 },
143 142
144 goToSub(id) { 143 goToSub(id) {
145 - console.warn(id);
146 this.$emit("close"); 144 this.$emit("close");
147 this.$router.push({ 145 this.$router.push({
148 path: "/product/index", 146 path: "/product/index",
...@@ -152,7 +150,6 @@ export default { ...@@ -152,7 +150,6 @@ export default {
152 }); 150 });
153 }, 151 },
154 goToThird(id) { 152 goToThird(id) {
155 - console.warn(id);
156 this.$emit("close"); 153 this.$emit("close");
157 this.$router.push({ 154 this.$router.push({
158 path: "/product/detail", 155 path: "/product/detail",
......