我在Vue.js 0.12 Guide中读到,您可以在具有option
属性的select
标签内动态产生options
标签,如下所示:
<select v-model="selected" options="myOptions"></select>
但是它在Vue.js 2.0中不起作用,我必须使用v-for
指令。
在2.0版中是否删除了此功能?
答案 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