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 屬性 保證可以多選