创建列表的最简单方法
optgroups
是通过嵌套
v-for
.使用外环
optgroup
和用于
option
。以下是一个示例:
var app = new Vue({
el: '#app',
data: {
selected: '',
optgroups: [
{ label: 'A', options: ['a', 'b']},
{ label: 'B', options: ['c', 'd']}
]
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>
<div id="app">
<select v-model="selected">
<optgroup :label="group.label" v-for="group in optgroups">
<option :value="option" v-for="option in group.options">{{ option }}</option>
</optgroup>
</select>
</div>
