作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
在 vue.js
的早期版本中,您可以使用 optgroups
创建动态选择列表,例如 this .
在较新版本的 vue 中,文档显示在选项中使用 v-for
,并且它们似乎不再支持 optgroups
。有解决办法吗?
最佳答案
使用 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>
关于javascript - 在 vue 1.x 中选择 `optgroup`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38255333/
我是一名优秀的程序员,十分优秀!