Add route to Post view

This commit is contained in:
Raymonzut
2020-04-25 14:41:00 +02:00
parent f89c9251e6
commit abcc91ca81
2 changed files with 9 additions and 1 deletions
+7
View File
@@ -2,6 +2,7 @@ import Vue from 'vue'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
import Home from '../views/Home.vue' import Home from '../views/Home.vue'
import Posts from '../views/Posts.vue' import Posts from '../views/Posts.vue'
import Post from '../views/Post.vue'
import QAPage from '../views/QAPage' import QAPage from '../views/QAPage'
Vue.use(VueRouter) Vue.use(VueRouter)
@@ -17,6 +18,12 @@ const routes = [
name: "Posts", name: "Posts",
component: Posts, component: Posts,
}, },
{
path: "/posts/:id",
name: "Post",
component: Post,
props: true,
},
{ {
path: "/qa", path: "/qa",
name: "QA", name: "QA",
+2 -1
View File
@@ -5,7 +5,8 @@
<div> <div>
<ul> <ul>
<li v-for="(postItem, j) in getPostItems(month)" :key="j"> <li v-for="(postItem, j) in getPostItems(month)" :key="j">
{{ getPostItemDate(postItem) }} – {{ postItem.title }} {{ getPostItemDate(postItem) }} –
<a :href="/posts/ + postItem._id">{{ postItem.title }}</a>
</li> </li>
</ul> </ul>
</div> </div>