首页四款车型

pages/index.vue

@@ -225,7 +225,7 @@
         class="flex-aic-fww-jcb"
         style="padding:0 0.4rem;justify-content: space-around;">
         <router-link
-          :to="{ path: 'vehicleList', query:{name:'【上汽】大通RV80旅居车'}}"
+          :to="link1"
           class="hot-vehicle-home">
           <div
             class="flex-aic-jcc-fdc vehicle-home-item"
@@ -236,7 +236,7 @@
           </div>
         </router-link>
         <router-link
-          :to="{ path: 'vehicleList', query:{name:'【金冠】格林卡诺C2'}}"
+          :to="link2"
           class="hot-vehicle-home">
           <div
             class="flex-aic-jcc-fdc vehicle-home-item"
@@ -247,7 +247,7 @@
           </div>
         </router-link>
         <router-link
-          :to="{ path: 'vehicleDetail', query:{name:'【齐星】依维柯'}}"
+          :to="link3"
           class="hot-vehicle-home">
           <div
             class="flex-aic-jcc-fdc vehicle-home-item"
@@ -258,7 +258,7 @@
           </div>
         </router-link>
         <router-link
-          :to="{ path: 'vehicleList', query:{name:'【奔驰】斯宾特'}}"
+          :to="link4"
           class="hot-vehicle-home">
           <div
             class="flex-aic-jcc-fdc vehicle-home-item"
@@ -332,7 +332,7 @@
       return {
         isShowMenu: false,
         cityNum: 0,
-        companyNum:0
+        companyNum:0,
       };
     },
     created(){
@@ -432,11 +432,23 @@
         item.startTime = timestamp2DateNoTime(item.startTime);
         item.endTime = timestamp2DateNoTime(item.endTime);
       });
+      let link1 = encodeURI("/vehicleList/1?name=【上汽】大通RV80旅居车");
+      link1 = encodeURI(link1);
+      let link2 = encodeURI("/vehicleList/2?name=【金冠】格林卡诺C2");
+      link2 = encodeURI(link2);
+      let link3 = encodeURI("/vehicleList/3?name=【齐星】依维柯");
+      link3 = encodeURI(link3);
+      let link4 = encodeURI("/vehicleList/4?name=【奔驰】斯宾特");
+      link4 = encodeURI(link4);
       return {
         bannerList: banner,
         newsList:news,
         tourList: tour,
-        activityList: cc
+        activityList: cc,
+        link1: link1,
+        link2: link2,
+        link3: link3,
+        link4: link4
       };
     },
     head () {