src/components/indexhead.vue

@@ -10,6 +10,7 @@
     </van-popup>
     <div class="head">
     <img class="logo" src alt srcset  />
+  
       <div class="search">
         <img src alt />
         <input type="text" placeholder="搜索" v-on:change="shuru" v-model="serch" />
@@ -114,17 +115,17 @@ export default {
           this.$router.push({
             path: `/index`
           });
-          break
+          break;
         case 1:
           this.$router.push({
             path: `/PersonalHomepage`
           });
-          break
+          break;
         case 2:
           this.$router.push({
             path: `/login`
           });
-          break
+          break;
       }
     }
   }

src/index.vue

@@ -2,15 +2,19 @@
   <div class="box">
     <heads></heads>
     <div class="list">
+      <div   v-for="(item,index) in list"  :key="index"  @click="todetail(item.id)">
             <list
-        v-for="(item,index) in list"
+      
-        :key="index"
+       
         :title="item.title"
         :id="item.id"
         :num="item.comment"
         :img="item.img"
         :text="item.text"
+       
       ></list>
+      </div>
+  
       <div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
       <!-- <list></list>
       <list></list>-->
@@ -63,6 +67,12 @@ export default {
         }
        
       })
+    },
+    todetail(e){
+      window.console.log(e)
+           this.$router.push({
+        path: `/IndexArticleDetaill?id=`+e
+      });
     }
   },
   components: {