iview分组select怎么让选中的组名也显示在框里头

您可以使用iview的Select组件的slot属性来实现这一功能。具体来说，您可以在Select组件中添加一个名为selected的slot，然后在该slot中使用template语法来显示选中的组名。以下是示例代码：

<template slot="selected">
{{ selectedGroup }}
</template>

其中，selectedGroup是一个data属性，用于存储当前选中的组名。您可以在Select组件的change事件中更新该属性的值，如下所示：

<Select v-model="selected" @change="handleChange">
<Option-group v-for="group in groups" :label="group.label" :key="group.label">
<Option v-for="option in group.options" :value="option.value" :key="option.value">
{{ option.label }}
</Option>
</Option-group>
</Select>

...

data() {
return {
selected: '',
selectedGroup: ''
}
},
methods: {
handleChange(value) {
const group = this.groups.find(group => group.options.some(option => option.value === value))
this.selectedGroup = group ? group.label : ''
}
}

在上述代码中，handleChange方法会根据当前选中的值来查找对应的组名，并将其存储在selectedGroup属性中。然后，在selected slot中使用该属性来显示选中的组名。