Vue动态绑定Select值

2019独角兽企业重金招聘Python工程师标准>>>

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

<select v-model="selected">  
  <option v-for="option in options" v-bind:value="option.value">  
    {{ option.text }}  
  </option>  
</select>  
<span>Selected: {{ selected }}</span>  

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

 

转载于:https://my.oschina.net/u/2391658/blog/842843