Select 的繫結一樣是在 Vue 建立時連帶設定要用來繫結的屬性,然後在 Select 元素這邊透過 value 指定被選取的值,並用 v-model 指定所要繫結的屬性,設定完後資料屬性與控制項之間即會連動。

如果要支援多選,只要在 Select 元素上加上 multiple,並用陣列去設定繫結用的 Vue 屬性即可。

像是下面這樣的程式:


  Vue - Hello World

      option1
      option2
      option3
    
    {{ option }}

      option1
      option2
      option3

    {{ options }}

    new Vue({
      el: '#app',
      data:{
        option: "option1",
        options: []
      }      
    })

運行起來就會像下面這樣:

1.png