a***@163.com
a***@163.com
  • 发布:2024-09-03 16:13
  • 更新:2024-09-24 18:45
  • 阅读:168

【报Bug】vue2+cli创建的项目设置"scopedSlotsCompiler": "augmented"后,抖音和小红书小程序循环渲染slot会有异常,只渲染第一个

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: WIN10,22H2

第三方开发者工具版本号: vscode 1.91.1

基础库版本号: 2.0.2-4020420240722003

项目创建方式: CLI

CLI版本号: 5.0.8

操作步骤:

子组件内容:

<template>  
  <view>  
    <view v-for="(item, index) in list" :key="index">  
      <slot :item="item"></slot>  
    </view>  
  </view>  
</template>

父组件内容:

<template>  
  <view class="content">  
    <Test :list="[1, 2, 4]">  
      <template v-slot:default="{ item }">{{ item }}</template>  
    </Test>  
  </view>  
</template>

mainfest.json

  "mp-toutiao": {  
    "scopedSlotsCompiler": "augmented",  
    "usingComponents": true  
  },

预期结果:

父组件显示传入的数组内容1,2,4,

实际结果:

只渲染了传入数组的第一个值:1,1,1

bug描述:

"scopedSlotsCompiler"默认为auto的时候会报错“主包不能引用分包文件”,看了论坛之后改成了"scopedSlotsCompiler": "augmented",这样的话编译确实通过了,但是实际打包头条和小红书小程序后,插槽传值始终都是1个;具体如图

2024-09-03 16:13 负责人:无 分享
已邀请:
a***@163.com

a***@163.com (作者)

社区是凉了吗

BFC

BFC

收到,感谢反馈

要回复问题请先登录注册