🖥
#Vue の v-for で form select option の 簡単なHTMLフォーム作る ( key value の配列を展開する
<!-- https://vuejs.org/v2/guide/list.html -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>
<div id="example">
<form action="./">
<select name="param">
<option v-for="(value, key) in selectableItems" :value="value">
{{ key }}
</option>
<input type="submit">
</select>
</form>
</div>
<script>
new Vue({
el: '#example',
data: {
selectableItems: {
foo: "foo-value",
bar: "bar-value"
}
}
})
</script>
</body>
例
Original by Github issue
チャットメンバー募集
何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。
公開日時
2020-04-30
Discussion