Выбор в MaterializeCSS не заполняется данными из VUE - PullRequest
Новая
       20

Выбор в MaterializeCSS не заполняется данными из VUE

0 голосов
/ 11 октября 2018

Спокойной ночи.

Я работаю с VUE и MaterializeCSS.Попытка заполнить выборку, но мне не удалось.

Я правильно получаю данные из базы данных, но при выделении V-FOR для опций выбора они остаются пустыми.

Кто-нибудь знает причину?Спасибо.

Код: 

                            <div class="row">
                                <div class="input-field col s12 m6">
                                    <select name="categoría" v-model="category_id">
                                        <option v-for="category in arrayCategories" :key="category.id" :value="category.id">{{category.name}}</option>
                                    </select>
                                    <label>Materialize Select</label>
                                </div>         
                            </div>

Если я сделаю HTML PRE, данные верны: 

<code><pre>{{arrayCategories}}

Результат: 

[
  {
    "id": 1,
    "name": "Category 1"
  }
]

enter image description here

1 Ответ

0 голосов
/ 11 октября 2018 

  <div class="row">
       <div class="input-field col s12 m6">
         <select v-for="category in arrayCategories" :key="category.id" name="categoría" model="category_id">
    <option  :value="category.id">{{category.name}}</option>
         </select>
         <label>Materialize Select</label>
       </div>         
     </div>
...