#Vue(#Nuxt 환경)는 여러 선택 가능한 select에서 v-model을 사용하고 그룹에서 초기 값을 지정하는 예 – form select multiple v-model bind code example

2504 단어 Vue.jsnuxt

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>



Original by Github issue

좋은 웹페이지 즐겨찾기