Spartacus中如何实现标签页并按加载页面标记选中标签

原生现成方案（优先选择） #

Spartacus 官方原生提供TabParagraphContainer CMS组件，完全匹配你的需求，不需要从零开发：

• 组件本身基于SAP Commerce后台的Tab Paragraph Container容器类型设计，默认支持标签切换交互，选中对应标签会自动展示绑定的子组件内容
• 后台配置仅需在Backoffice新建该类型容器，给每个标签绑定对应的内容组件（静态内容、分类页、产品列表等都可支持），并设置标签显示名称即可
• 前端侧Spartacus 2.0及以上版本默认已经完成该组件的映射适配，无需额外编写业务代码，部署后即可直接渲染可用的标签页功能

自定义扩展方案（仅特殊需求时使用） #

如果原生组件的交互、样式不满足你的定制要求，可以根据你的业务场景选择两种扩展路径：

• 优先选择扩展原生TabParagraphContainer组件：通过Spartacus的组件继承机制重写你需要修改的逻辑（比如自定义样式、懒加载规则、切换动画等），可以保留原生的CMS数据绑定能力，开发成本最低
• 若你的标签页完全基于分类导航逻辑开发，可以扩展CmsCategoryNavigation组件：改造原有导航的渲染逻辑，把导航项调整为标签样式，自行实现标签切换状态管理、对应分类内容的加载逻辑即可

注意：如果你的标签页对应独立的路由页面，建议直接在TabParagraphContainer内嵌入CMSLinkComponent实现跳转，不需要额外自定义开发。

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