🖥

#Vue ( #Nuxt 環境) 複数選択可能なselectでv-modelを利用する、初期値を配列で指定する例 – form select

2023/09/01に公開

Code

<template>
  <div>
    <h1> v model selected </h1>
    <select v-model="selected" multiple>
      <option>AAAAA</option>
      <option>BBBBB</option>
      <option>CCCCC</option>
    </select>
    <br>
    <span>Selected: {{ selected }}</span>
  </div>
</template>

<script>
export default {
  data () {
    return {
      selected: ["BBBBB"]
    }
  },
}
</script>

<style>
body {
  padding: 1em;
}
</style>

image
image

Original by Github issue

https://github.com/YumaInaura/YumaInaura/issues/3145

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2020-05-06

Discussion