Verlinkungen korrigiert, Navbar dynamischer gemacht

src/views/Galerie.vue

@@ -94,6 +94,13 @@ export default {
       return result;
     },
   },
+  mounted(){
+    if(this.$route.params.ev){
+      let ev = this.$route.params.ev;
+      
+      console.log(this.$refs[ev][0].scrollIntoView());
+    }
+  }
 };
 </script>
 <template>
@@ -125,7 +132,7 @@ export default {
   <br /><br />
   <section
     class="slider4 mbr-embla cid-u6k7q0yLdW"
-    id="erntefest"
+    :ref="event.ev"
     v-for="event in events"
   >
     <div class="container-fluid">

src/views/Main.vue

@@ -36,7 +36,12 @@ export default {
 
 <template>
   <!-- Startseite -->
-  <Navbar />
+  <Navbar :links="[
+    {link: '/galerie', title: 'Galerie'},
+    {link: '/umgebung', title: 'Umgebung'},
+    {link: '/footer', title: 'Kontakt'},
+    {link: '/', title: 'BuLi-Tipp'},
+  ]"/>
   <Willkommen/>
   
   
@@ -60,7 +65,16 @@ export default {
             RitzenbergenLib.api('randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=5'),
             RitzenbergenLib.api('randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=5'),
             'http://ritzenbergen.de/Fotos/hauptfoto.jpg'
-          ]" />
+          ]"
+
+          :links='[
+            "/galerie/erntefest",
+            "/galerie/osterfeuer",
+            "/galerie/doppelkopf",
+            "/galerie/fussball",
+            ""
+          ]'
+          />
         </div>
       </div>
     </div>