🖥

#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>