照相
照相
  • 发布:2022-08-02 14:58
  • 更新:2022-08-05 14:23
  • 阅读:707

在vue3+支付宝小程序中,通过$slots.xxx判断是否含有slot插入的item无效

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.4 (21F79)

HBuilderX类型: 正式

HBuilderX版本号: 3.5.3

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

基础库版本号: 2.7.19

项目创建方式: HBuilderX

示例代码:
  • test.vue(子组件)

    <template>  
    <view v-if="$slots.cell">  
        <slot name="cell" />  
    </view>  
    <view v-else>  
        默认的cell  
    </view>  
    </template>
  • index.vue(页面)

    <template>  
    <view class="content">  
        <test>  
            <template v-slot:cell>  
                <view>  
                    这是插入的自定义cell,在支付宝+vue3中无法显示  
                </view>  
            </template>  
    
            <!-- <view slot="cell">  
                如果是通过slot="cell"插入cell,则正常  
            </view> -->  
        </test>  
    </view>  
    </template>

操作步骤:

运行demo,在h5上,可以看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,切换到vue2版本,运行在支付宝小程序也可以看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,切换回vue3,运行在支付宝小程序,无法看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,显示的是【默认的cell】

预期结果:

运行demo,在h5上,可以看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,切换到vue2版本,运行在支付宝小程序也可以看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,切换回vue3,运行在支付宝小程序,无法看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,显示的是【默认的cell】

实际结果:

运行demo,在h5上,可以看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,切换到vue2版本,运行在支付宝小程序也可以看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,切换回vue3,运行在支付宝小程序,无法看到【这是插入的自定义cell,在支付宝+vue3中无法显示】,显示的是【默认的cell】

bug描述:

在vue3+支付宝小程序中,通过$slots.xxx判断是否含有slot插入的item无效

2022-08-02 14:58 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

v-slot:cell vue3 支付宝小程序 判断 $slot.cell 失败问题已复现,感谢反馈,已加分,会在后续版本修复
slot="cell" vue3 并不支持,vue2.6.0 已经废弃了

DCloud_UNI_Anne

DCloud_UNI_Anne

HBuilderX3.5.4-alpha已修复

该问题目前已经被锁定, 无法添加新回复