Атрибут options элемента select не работает в vue.js 2.0

Question

Я прочитал в Vue.js 0.12 Guide , что вы можете динамически создавать теги option внутри тега select с атрибутом options, как показано ниже:

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

Но это не работает в Vue.js 2.0, и я должен использовать директиву v-for. Эта функция удалена в версии 2.0?

Answer 1

Это устарело с версии 1.0, как упоминалось в старой проблеме (# 1229) в официальном репозитории .

Задача

Параметр параметров был обычным явлением при работе с v-model на <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 на опции:

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