邓洁 : footer跳转

Reviewed-on: #18

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>