select元素的options属性在vue.js 2.0中不起作用

时间:2018-06-29 16:36:28

标签: javascript vue.js html-select

我在Vue.js 0.12 Guide中读到,您可以在具有option属性的select标签内动态产生options标签,如下所示:

<select v-model="selected" options="myOptions"></select>

但是它在Vue.js 2.0中不起作用,我必须使用v-for指令。 在2.0版中是否删除了此功能?

1 个答案:

答案 0 :(得分:2)

an old issue (#1229) on the official repo中所述,从1.0版本开始不推荐使用。

  

问题

     

在处理v-model时,options参数已成为常见问题   <select>个元素上。它通常需要对   具有自定义过滤器的源数据,并且在   自定义呈现的选项。

     

提案

     

存在选项的原因是由于一些内部实现   问题-确实没有理由在UX中采用这种方式   透视。因此,在1.0中,通过一些内部重构,我们将   弃用options参数-只需使用普通的v-for

<select v-model="selected">
  <option v-for="option in list">{{option}}</option>
</select>
     

如果有对象数组,还可以绑定基础对象   通过使用v-model   选项:

v-bind:value