🖥
#Vue で key value のハッシュを v-for で展開する HTML の例 ( foreach key value array
<!-- https://vuejs.org/v2/guide/list.html -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>
<ul id="example">
<li v-for="(key, value) in someItems">
{{ key }} - {{ value }}
</li>
</ul>
<script>
new Vue({
el: '#example',
data: {
someItems: {
message1: 'Foo',
message2: 'Bar',
}
}
})
</script>
</body>
結果
Original by Github issue
チャットメンバー募集
何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。
公開日時
2020-04-30
Discussion