MaterializeCSS中的“选择”未填充来自VUE的数据

时间:2018-10-11 07:15:53

标签: css vue.js drop-down-menu materialize

晚安。

我正在使用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,则数据正确:

<pre>{{arrayCategories}}</pre>

结果:

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

enter image description here

1 个答案:

答案 0 :(得分:0)

 1. cctgatagacgctatctggctatccaggtacttaggtcctctgtgcgaatctatgcgtttccaaccat
 2. agtactggtgtacatttgatccatacgtacaccggcaacctgaaacaaacgctcagaaccagaagtgc
 3. aaacgttagtgcaccctctttcttcgtggctctggccaacgagggctgatgtataagacgaaaatttt
 4. agcctccgatgtaagtcatagctgtaactattacctgccacccctattacatcttacgtccatataca
 5. ctgttatacaacgcgtcatggcggggtatgcgttttggtcgtcgtacgctcgatcgttaccgtacggc