teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2019/12/18 21:57

投稿

rubytomato
rubytomato

スコア1752

answer CHANGED
@@ -113,6 +113,7 @@
113
113
  ##### 5) components/SideNav.vue
114
114
 
115
115
  `v-navigation-drawer`コンポーネントに`app`プロパティを追加します。
116
+ また、`/`のルーティングを修正したので合わせてnameを修正しています。
116
117
 
117
118
  ```
118
119
  <template>
@@ -123,6 +124,29 @@
123
124
 
124
125
  </v-navigation-drawer>
125
126
  </template>
127
+
128
+ <script>
129
+ export default {
130
+ data() {
131
+ return {
132
+ items: [
133
+ { title: "練習", icon: "mdi-domain", link: { name: "about" } },
134
+ {
135
+ title: "検証",
136
+ icon: "mdi-message-text",
137
+ // Comment out
138
+ //link: { name: "app" }
139
+ // modify
140
+ link: { name: "count" }
141
+ }
142
+ ]
143
+ };
144
+ },
145
+
146
+ // 省略
147
+
148
+ };
149
+ </script>
126
150
  ```
127
151
 
128
152
  必須の修正ではありませんが、`v-list-item`に`exact`プロパティを付加すると視認性が上がります。どのような違いがでるかはご自身でご確認ください。