微信小程序tabs不使用content自定义内容无法正常展示

[ZYTMY]

组件

微信小程序内使用 ant-tabs

基础库版本

微信小程序 3.8.11

设备机型

手机系统

APP

微信小程序

组件库版本

3.2.2

预期行为

ant-tabsitem中没有content，使用在tabs内部添加内容无法正常展示

复现步骤

复现 demo

111111

data: {
items: new Array(5).fill(0).map((_, i) => {
return {
title: 第${i + 1}项,
};
}),
},

[dosubot]

Hi @ZYTMY! I'm Dosu and I’m helping the ant-design-mini team.

ant-tabs 组件在微信小程序（3.2.2 版本）中只支持通过 items 数组的 content 字段来渲染每个 tab 的内容，不支持直接在 标签内插入自定义子节点（如 ）来作为 tab 内容。你写在 内部的内容不会被渲染到 tab 面板中，这是组件的设计决定，并不是 bug 或平台兼容性问题。

如果需要自定义每个 tab 的内容，建议在 items 的每一项里通过 content 字段传递内容，比如：

data: {
  items: new Array(5).fill(0).map((_, i) => ({
    title: `第${i + 1}项`,
    content: `<view class="content">自定义内容${i + 1}</view>`,
  })),
}

这样每个 tab 的内容就会正常显示。直接插入子节点的方式目前不被支持，相关源码和实现细节可参考 ant-tabs 组件实现。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}