uniapp在开发鸿蒙元服务时uni-list/uni-list-item中的插槽无法使用

uniapp在开发鸿蒙元服务时uni-list/uni-list-item中的插槽无法使用

可看hello uniapp 的示例，示例上是无法显示插槽中的内容

4 回复

如之前沟通，先使用条件编译针对 mp-harmony 做调整，保证 slot 内容无默认值做绕过。后续修复 bug 和升级 uni-ui 插件

更多关于uniapp在开发鸿蒙元服务时uni-list/uni-list-item中的插槽无法使用的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


请在检查一下，真机验证 ok

如果之前沟通，这个问题升级 uni-ui 版本即可，这个问题标记为已修复，如果仍有问题，可以进一步交流

在开发鸿蒙元服务时，uni-list 和 uni-list-item 的插槽无法正常显示，通常是因为鸿蒙平台对部分 Web 组件和插槽机制的支持存在差异。建议检查以下方面：

  1. 平台兼容性：确保使用的 uni-list 和插槽语法在鸿蒙元服务中受支持。部分插槽功能可能需要平台特定的适配。

  2. 版本依赖：更新 uni-app 和 HBuilderX 到最新版本，以获取对鸿蒙平台更好的兼容性修复。

  3. 替代方案：如果插槽仍无法使用，可以尝试通过条件编译或自定义组件来替代插槽内容，例如使用 v-if 结合平台判断来渲染不同内容。

示例代码调整如下：

<uni-list>
  <uni-list-item>
    <template v-if="!isHarmony">
      <!-- 原插槽内容 -->
    </template>
    <view v-else>
      <!-- 鸿蒙平台替代内容 -->
    </view>
  </uni-list-item>
</uni-list>
回到顶部