From a2ff2c74e740e75cd03fa17530d32976bf749d25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Mon, 22 May 2023 21:14:50 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20footer=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/footer/index.vue | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/views/footer/index.vue b/src/views/footer/index.vue
index ee299f0..00f23a0 100644
--- a/src/views/footer/index.vue
+++ b/src/views/footer/index.vue
@@ -12,7 +12,7 @@
           <li v-for="(footerItem,footerIndex) in footerList" :key="footerIndex">
             <a :href="footerItem.href">{{ footerItem.title }}</a>
             <div class="item" v-for="(footerItems,footerItemsIndex) in footerItem.items" :key="footerItemsIndex">
-              <a :href="footerItems.href">{{ footerItems.title }}</a>
+              <a @click.stop="changeMenu(footerItems,footerItem)" >{{ footerItems.title }}</a>
             </div>
           </li>
         </ul>
@@ -57,13 +57,13 @@ export default {
           title: "新闻资讯",
           items: [
             {
-              href:'/news',
+              id: 5,
               title: "公司新闻"
-            },
-            {
+            }, {
+              id: 6,
               title: "行业动态"
-            },
-            {
+            }, {
+              id: 7,
               title: "瓷砖百科"
             }
           ]
@@ -73,10 +73,11 @@ export default {
           title: "形象展示",
           items: [
             {
-              href:'/image_display',
+              id: 2,
               title: "资质荣誉"
             },
             {
+              id: 8,
               title: "工程案例"
             }
           ]
@@ -103,6 +104,16 @@ export default {
       this.footerList[3].items=res.data.join
       this.footerList[4].items=res.data.contact_us
     });
+  },
+  methods:{
+    changeMenu(footerItems,footerItem){
+      this.$router.push({
+        path: footerItem.href,    //跳转的路由
+        query: {    //跳转路由的参数
+          menu: footerItems.id    //前面的type是参数的名称
+        }
+      });
+    }
   }
 };
 </script>