gpt4 book ai didi

javascript - 在 vue 1.x 中选择 `optgroup`

转载 作者:搜寻专家 更新时间:2023-10-30 22:56:08 25 4
gpt4 key购买 nike

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com