选择元素的选项属性在 vue.js 2.0 中不起作用

Question

我在Vue.js 0.12 Guide 中读到，您可以在带有options 属性的select 标记内动态生成option 标记，如下所示：

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

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

Answer 1

自 1.0 版本以来已被弃用，如 an old issue (#1229) on the official repo 中所述。

问题

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

提案

存在选项的原因是由于某些内部实现 问题 - 从用户体验来看，确实没有理由这样做 看法。因此在 1.0 中，通过一些内部重构，我们将 弃用 options 参数 - 而是使用普通的 v-for:

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

如果你有一个对象数组，你也可以绑定底层 v-model 的值直接通过在对象上使用v-bind:value 选项：

<select v-model="selected">
  <option v-for="obj in objList" v-bind:value="obj">{{obj.description}}</option>
</select>