技術標籤：html+cssselect multiple

select框由單選變為多選

<!--  -->
<template>
<div>
  <select name="person" multiple v-model="nameArr">
    <option v-for="v in list" :value="v.name" :key="v.name">{{v.name}}</option>
  </select>
 

  <div>{{nameArr.toString()}}</div>
</div>
</template>

<script>
export default {
  name: 'VueOne',
  data () {
    return {
      list: [
        {id: 1, name: '張三'},
        {id: 2, name: '李四'},
        {id: 3, name: '王五'},
        {id: 4, name: '馬六'}
      ],
      nameArr:
 
 []
    }
  },
  methods: {
  },
  // 生命週期 - 建立完成（訪問當前this例項）
  created () {

  },
  // 生命週期 - 掛載完成（訪問DOM元素）
  mounted () {

  }
}
</script>
<style scoped>
/* @import url(); 引入css類 */

</style>