update

src/modules/shop/views/Index.vue

@@ -15,6 +15,7 @@ const handleClickTab = (val: any) => {
 }
 //
 onMounted(() => {
+  clearActive()
   shopStore.filters[0].isActive = true
 })
 
@@ -23,12 +24,7 @@ let menuValue = $ref('')
 console.log(shopStore.filters, 'shopStore.filters')
 const menuTab = function (item: any) {
   if (!item.children) {
-    for (let i = 0; i < shopStore.filters.length; i++) {
-      shopStore.filters[i].isActive = false
-      if (shopStore.filters[i].children) {
-        shopStore.filters[i].children.map((c: any) => (c.isActive = false))
-      }
-    }
+    clearActive()
     item.isActive = true
     childMenuShow = false
     menuValue = item.value
@@ -38,12 +34,7 @@ const menuTab = function (item: any) {
 }
 
 const childMenuTab = function (item: any, cItem: any) {
-  for (let i = 0; i < shopStore.filters.length; i++) {
-    shopStore.filters[i].isActive = false
-    if (shopStore.filters[i].children) {
-      shopStore.filters[i].children.map((c: any) => (c.isActive = false))
-    }
-  }
+  clearActive()
   item.isActive = true
   cItem.isActive = true
   menuValue = cItem.value
@@ -51,6 +42,15 @@ const childMenuTab = function (item: any, cItem: any) {
   //   childMenuShow = false
   // }, 100)
 }
+
+const clearActive = function () {
+  for (let i = 0; i < shopStore.filters.length; i++) {
+    shopStore.filters[i].isActive = false
+    if (shopStore.filters[i].children) {
+      shopStore.filters[i].children.map((c: any) => (c.isActive = false))
+    }
+  }
+}
 </script>
 
 <template>