-
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>
- 发布:2022-08-02 14:58
- 更新:2022-08-05 14:23
- 阅读:707
产品分类: uniapp/小程序/阿里
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 12.4 (21F79)
HBuilderX类型: 正式
HBuilderX版本号: 3.5.3
第三方开发者工具版本号: 3.0.2
基础库版本号: 2.7.19
项目创建方式: HBuilderX
示例代码:
操作步骤:
运行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】
运行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无效