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

回答編集履歴

1

chousei

2021/08/17 10:20

投稿

yambejp
yambejp

スコア117914

answer CHANGED
@@ -2,7 +2,7 @@
2
2
  <div id="app">
3
3
  リスト
4
4
  <select>
5
- <option v-for="fruit in fruits" v-bind:fruitId="fruit.id" v-bind:value="fruit.name">
5
+ <option v-for="fruit in fruits" v-bind:value="fruit.id">
6
6
  {{fruit.name}}
7
7
  </option>
8
8
  </select>
@@ -26,5 +26,5 @@
26
26
  },
27
27
  });
28
28
  </script>
29
-
30
- ```
29
+ ```
30
+ ※fruit.idをvalueに設定して参照するように調整しました