なんとなく日々徒然と

vueでHashをv-forで回す

- Vue

コロナも増えてきたし本格的に海上に逃げるためにカヤックを買おうか悩んでます。
誰かやりませんか

そして四十肩が治りません。
酒で痛みを殺しながら日々生きています。

vue.jsで

1
[ { "id": 1, "value": "hoge" }, { "id": 2, "value": "baa" } ]

みたいな配列があってそれをv-forで回したい。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
<template>
<div>
  <div v-for="idValue in idValues">
    <label>ID</label>
    <input type='number' v-model="idValue.id">

    <label>VALUE</label>
    <input type='text' v-model="idValue.name">
  </div>
</div>
</template>


<script>
export default {
  data: {
    idValues: [ { "id": 1, "value": "hoge" }, { "id": 2, "value": "baa" } ]
  }
}
</script>

これでちゃんとinputの値をかえるとidValueのHashの値が変更あれます。

現場からは以上です。