2***@qq.com
2***@qq.com
  • 发布:2025-01-05 22:04
  • 更新:2025-01-07 16:53
  • 阅读:94

快手小程序渲染for循环内的插槽,显示不正确

分类:uni-app
2025-01-05 22:04 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

提供一个复现工程。

你提供的这个案例中,子组件 v-for 循环了 slot,这种情况在 web、微信、快手表现均不同,讲 v-for 挪到父组件中处理,保证子组件不会重复出现 slot 就正常了

父组件调整为

<template>  
  <view class="content">  
   <text>uni-app在for循环中使用slot插槽运行到快手小程序显示不正常</text>  
   <KSTabs :tabs="[item]" v-for="(item, index) in list" :key="index">  
    <template #content="scope">  
      <text>{{ scope.item.name + scope.id }}</text>  
    </template>  
    <template #right>  
      <text>right</text>  
    </template>  
   </KSTabs>  
  </view>  
</template>

就正常了

  • 2***@qq.com (作者)

    你好,附件已经上传,麻烦指教下,非常感谢

    2025-01-06 21:56

  • DCloud_UNI_OttoJi

    回复 2***@qq.com: 你提供的这个案例中,子组件 v-for 循环了 slot,这种情况在 web、微信、快手表现均不同,讲 v-for 挪到父组件中处理,保证子组件不会重复出现 slot 就正常了

    2025-01-07 16:52

  • DCloud_UNI_OttoJi

    回复 DCloud_UNI_OttoJi: 这个问题说明会放入文档中, slot 的最终表现由各端小程序自行实现,不建议这样编写

    2025-01-07 17:44

要回复问题请先登录注册