hookehuyr

fix 移动端菜单点击二级分类跳转到相应页面

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 18:19:36 4 + * @LastEditTime: 2024-11-08 15:25:05
5 * @FilePath: /hager/src/components/hagerMenu.vue 5 * @FilePath: /hager/src/components/hagerMenu.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -22,14 +22,14 @@ ...@@ -22,14 +22,14 @@
22 <div v-for="(item, index) in menuData" :key="item.id" class="menu-item"> 22 <div v-for="(item, index) in menuData" :key="item.id" class="menu-item">
23 <!-- 一级菜单 --> 23 <!-- 一级菜单 -->
24 <div 24 <div
25 - @click="toggleMenu(item.id)" 25 + @click="goToSub(item.id)"
26 :class="['menu-label', activeMenu === item.id ? 'active' : '']" 26 :class="['menu-label', activeMenu === item.id ? 'active' : '']"
27 > 27 >
28 <div style="display: flex; align-items: center;"> 28 <div style="display: flex; align-items: center;">
29 <el-image style="width: 1rem; height: 1rem;" :src="item.icon" fit="fit"></el-image>&nbsp; 29 <el-image style="width: 1rem; height: 1rem;" :src="item.icon" fit="fit"></el-image>&nbsp;
30 {{ item.category_name }} 30 {{ item.category_name }}
31 </div> 31 </div>
32 - <div> 32 + <div @click.stop="toggleMenu(item.id)">
33 <i 33 <i
34 v-if="isActive(item.id)" 34 v-if="isActive(item.id)"
35 class="el-icon-arrow-up" 35 class="el-icon-arrow-up"
......