From ae3ed9fd1db49b713b7e8b41deb8b7945f0aeed1 Mon Sep 17 00:00:00 2001
From: 62160286 <62160286@go.buu.ac.th>
Date: Tue, 21 Dec 2021 03:10:31 +0700
Subject: [PATCH] Add name in MyPage
---
src/App.vue | 2 +-
src/router/index.js | 5 +++--
src/views/MyPage.vue | 7 +++++--
3 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 500a553..05dab7d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link> |
- <router-link to="/mypage">MyPage</router-link>
+ <router-link to="/mypage/Punyanuch">MyPage</router-link>
</div>
<router-view/>
</template>
diff --git a/src/router/index.js b/src/router/index.js
index e8b7b84..b6abbe1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,9 +17,10 @@ const routes = [
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
},
{
- path: '/mypage',
+ path: '/mypage/:name',
name: 'MyPage',
- component: () => import('../views/MyPage.vue')
+ component: () => import('../views/MyPage.vue'),
+ props: true
}
]
diff --git a/src/views/MyPage.vue b/src/views/MyPage.vue
index 0524554..4ac63de 100644
--- a/src/views/MyPage.vue
+++ b/src/views/MyPage.vue
@@ -1,9 +1,12 @@
<template>
<div>
- <h1>MyPage</h1>
+ <h1>MyPage</h1>
+ <h3>{{ name }}</h3>
</div>
</template>
<script>
-export default {}
+export default {
+ props: ['name']
+}
</script>
<style></style>
--
GitLab