vue-selected

整个页面

<div id="my_vue">    <div>      选择单个      <select v-model='selected' name="" id="">        <option v-for='item in options' v-bind:value="item.value">          {{item.text}}        </option>      </select>      选择的是{{selected}}    </div>    <div>      选择多个 需要在select元素中 添加 multiple  属性 保证可以多选      <select v-model='mutilselected' multiple  name="" id="">        <option v-for='item in options' v-bind:value="item.value">          {{item.text}}        </option>      </select>      选择的是{{mutilselected}}    </div>  </div>

js

var my = new Vue({    el: '#my_vue',    data: {      'selected': '',      'options': [        { 'value': 'a', 'text': 'one' },        { 'value': 'b', 'text': 'two' },        { 'value': 'c', 'text': 'three' }      ],      'mutilselected':[],
    },    created() {
    },    methods: {
    }  })

注意

  选择多个 需要在select元素中 添加 multiple 属性 保证可以多选