Javascript 在vue 1.x中选择“optgroup”

Javascript 在vue 1.x中选择“optgroup”,javascript,vue.js,Javascript,Vue.js,在早期版本的vue.js中,您可以使用optgroups等创建动态选择列表 在vue的较新版本中,文档在选项中显示为使用v-for,并且它们似乎不再支持optgroup。有解决方法吗?使用optgroup创建列表的最简单方法是嵌套v-for。将外循环用于optgroup,将内循环用于选项。以下是一个例子: var-app=新的Vue({ el:“#应用程序”, 数据:{ 已选择:“”, OPT组:[ {标签:'A',选项:['A','b']}, {标签:'B',选项:['c','d']} ]

在早期版本的
vue.js
中,您可以使用
optgroups
等创建动态选择列表


在vue的较新版本中,文档在选项中显示为使用
v-for
,并且它们似乎不再支持
optgroup
。有解决方法吗?

使用
optgroup
创建列表的最简单方法是嵌套
v-for
。将外循环用于
optgroup
,将内循环用于
选项
。以下是一个例子:

var-app=新的Vue({
el:“#应用程序”,
数据:{
已选择:“”,
OPT组:[
{标签:'A',选项:['A','b']},
{标签:'B',选项:['c','d']}
]
}
})

{{option}}

使用
optgroups
创建列表的最简单方法是嵌套
v-for
。将外循环用于
optgroup
,将内循环用于
选项
。以下是一个例子:

var-app=新的Vue({
el:“#应用程序”,
数据:{
已选择:“”,
OPT组:[
{标签:'A',选项:['A','b']},
{标签:'B',选项:['c','d']}
]
}
})

{{option}}

您不能使用嵌套的
v-for
s吗?外部
v-for
处理
optgroup
s,内部循环填充
选项
s?不能使用嵌套的
v-for
s吗?外部
v-for
处理
optgroup
s,内部循环用
选项填充
s?@asemahle——这是否适用于
过滤器by
?请查看此错误:语法为
属性中的filterBy VALUE
。您的小提琴不按对象中的值过滤
。随着变化。您需要添加额外的逻辑来隐藏空的optgroup。@asemahle--这是否适用于
过滤器by
?请查看此错误:语法为
属性中的filterBy VALUE
。您的小提琴不按对象中的值过滤
。随着变化。您需要添加额外的逻辑来隐藏空的optgroup。