45Vue - 表单控件绑定（选择列表）

单选列表:

HTML代码：

  A
  B
  C

Selected: {{ selected }}

效果图: 多选列表（绑定到一个数组）：

  A
  B
  C


Selected: {{ selected }}

效果图：

动态选项，用 v-for 渲染：

HTML代码：

  
    {{ option.text }}
  

Selected: {{ selected }}

JS代码:

new Vue({
  el: '...',
  data: {
    selected: 'A',
    options: [
      { text: 'One', value: 'A' },
      { text: 'Two', value: 'B' },
      { text: 'Three', value: 'C' }
    ]
  }
})

效果图：