Просмотр исходного кода

:recycle: Simplified thank you logic using v-for

tabs-content
tomit4 3 лет назад
Родитель
Сommit
93cb4b0131
1 измененных файлов: 5 добавлений и 7 удалений
  1. 5
    7
      frontend/src/views/SurveyCompleteView.vue

+ 5
- 7
frontend/src/views/SurveyCompleteView.vue Просмотреть файл

@@ -1,13 +1,11 @@
1 1
 <template lang="pug">
2 2
 main.view--surveycomplete
3 3
     article(style='display: flex; flex-direction: column; align-items: center; text-align: center;')
4
-        h1 Thanks for Completing Our Survey!!
5
-        h2 Please review your answers and let us know if you need to change anything.
6
-        span Your name: {{ answers.name }}
7
-        span Your email: {{ answers.email }}
8
-        span Your zipcode: {{ answers.zipcode }}
9
-        span Your blurb: {{ answers.blurb }}
10
-        span Your image: {{ answers.image }}
4
+        h2 Thanks for Completing Our Survey!!
5
+        h1 Please review your answers and let us know if you need to change anything.
6
+        br
7
+        div(v-for='(answer, key) in answers')
8
+            span(v-if='answer')  Your {{ key }}: {{ answer }}
11 9
         br
12 10
         button(@click="changeAnswers") Change Answers
13 11
         br

Загрузка…
Отмена
Сохранить