Ionic v6中如何在IonSelect内添加分组标签？

在Ionic v6里，IonSelect不支持直接嵌套p标签或普通IonLabel作为分组标题，因为它仅识别特定子组件（IonSelectOption、IonSelectGroup等）。要实现选项分组，你需要用**IonSelectGroup和IonSelectGroupLabel**配合实现：

• IonSelectGroup：作为同一组选项的容器，划分分组范围
• IonSelectGroupLabel：作为每组的标题，会自动渲染为适配Ionic风格的分组头部

修改后的可用代码示例：

<IonSelect
  placeholder="Select Filter"
  multiple={true}
>
  <IonSelectGroup>
    <IonSelectGroupLabel>Priority</IonSelectGroupLabel>
    <IonSelectOption value="high">High</IonSelectOption>
    <IonSelectOption value="medium">Medium</IonSelectOption>
    <IonSelectOption value="low">Low</IonSelectOption>
  </IonSelectGroup>

  <IonSelectGroup>
    <IonSelectGroupLabel>Status</IonSelectGroupLabel>
    <IonSelectOption value="open">Open</IonSelectOption>
    <IonSelectOption value="closed">Closed</IonSelectOption>
    <IonSelectOption value="resolved">Resolved</IonSelectOption>
  </IonSelectGroup>
</IonSelect>

这样渲染后，选择器弹窗会显示带样式的分组标题，分组结构清晰，完全适配Ionic的UI规范。

内容的提问来源于stack exchange，提问作者Dugong98