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>