[BUG] 微信小程序 组件结构 与H5不同

[gaokun]

trafficstars

问题描述 二次封装组件后, 组件的父子结构, 在微信小程序和H5下, 表现不一致

基础情况:

有c-form, c-form-item两个基础组件, c-form-item需要通过parent向上查找, 找到c-form组件

在此基础上, 有n-form, n-form-item两个组件, 分别对上面两个组件进行封装

下面有重现的repo, 以上4个组件, 都没有功能代码, 只是单纯的结构问题

输出此结构树:

H5:

微信小程序:

H5上会多有View等组件, 我们忽略, 只关心上面四个组件, 可以看到, 在微信小程序上, 少了c-form组件

复现步骤 能重现的repo: https://github.com/gaokun/uniapp-test

1. 启动: pnpm dev:mp-weixin与 pnpm dev:h5
2. 查看: 就可以看到了

预期结果 在微信小程序里, 也能有c-form-item -> n-form-item -> c-form -> n-form 这个完整的链

实际结果 在微信小程序里 缺少了 c-form

系统信息:

• 发行平台: 微信小程序、H5平台
• 操作系统: MacOS 11.4
• HBuilderX版本: 3.8.12
• uni-app版本: 3.0.0-3081220230817001
• 设备信息: 微信开发者工具

[gaokun]

感觉和slot有关

[zhtyytg]

有类似问题，具体表现为slot组件的parent与h5不同

[GRCmade]

hello , 组件的 slot 在微信小程序上有不能使用的地方，具体可以查看官网