首页路由跳转

src/views/index.vue

@@ -7,12 +7,12 @@
     <main>
       <div class="up-box">
         <div class="up-left">
-          <div class="brief tac bg-middle"><span class="span-middle">图书馆简介</span></div>
+          <div class="brief tac bg-middle" @click="toPath('/LibraryIntroduction')"><span class="span-middle">图书馆简介</span></div>
           <div class="up-left-down">
             <div class="guide tac bg-big"><span class="span-big">场馆导航</span></div>
             <div class="right-of-guide">
-              <div class="new-book tac bg-small"><span class="span-small">新书推荐</span></div>
-              <div class="digital tac bg-small"><span class="span-small">数字资源</span></div>
+              <div class="new-book tac bg-small" @click="toPath('/NewBookRecommend')"><span class="span-small">新书推荐</span></div>
+              <div class="digital tac bg-small" @click="toPath('/DigitalResource')"><span class="span-small">数字资源</span></div>
             </div>
           </div>
         </div>
@@ -37,6 +37,9 @@ export default {
   mounted() {
   },
   methods: {
+    toPath(path) {
+      this.$router.push(path)
+    }
   }
 }
 </script>