【报Bug】vue3 小程序端插槽内容不显示

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window10

HBuilderX类型：正式

HBuilderX版本号： 3.3.11

第三方开发者工具版本号： 1.05.2203070

基础库版本号： 2.221

项目创建方式： HBuilderX

示例代码：

代码格式类似如下，在一个组建中

复制代码<view v-if="props.elData.style ===1 && goodsList.length" class="goods-lg-box">  
            <view class="ss-m-b-20" v-for="item in goodsList" :key="item.id">  
                <ui-goods-card class="goods-card" size="lg" :includes="goodsFields" :title="item.title"  
                    :subTitle="item.subtitle" :img="item.image" :price="item.price" :originPrice="item.original_price"  
                    :titleColor="goodsFieldsStyle.title?.color" :subTitleColor="goodsFieldsStyle.subtitle.color"  
                    :sales="item.sales" @click="sheep.$router.go('/pages/goods/detail/index')">  
                    <template #cart>  
                        <button class="ss-reset-button cart-btn"  
                            :style="[buyStyle]">{{buyData.style ===1 ? buyData.text  : '' }}</button>  
                    </template>  
                </ui-goods-card>  
            </view>  

        </view>

操作步骤：

插槽部分，使用 template + # || v-slot 语法无法显示插槽内容
使用view + slot 可以显示插槽内容

预期结果：

使用vue3 template + # || v-slot 语法小程序端，可以正常显示内容

实际结果：

开发者工具上，无法显示插槽内容

bug描述：

在一个组件中，v-if 的情况下，循环了一个商品卡片，里面有个具名插槽，小程序端不显示内容，
H5端正常

2022-03-12 11:28 负责人:无分享

3 个回复

小枫叶 - 外包接单加v:wlmk1234567 注明来意

这是具名插槽?

小枫叶 - 外包接单加v:wlmk1234567 注明来意

语法糖好像不支持的

u***@126.com

你的问题解决了吗？我现在好像也用不了

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

【报Bug】vue3 小程序端插槽内容不显示

操作步骤：

插槽部分，使用 template + # || v-slot 语法无法显示插槽内容
使用view + slot 可以显示插槽内容

预期结果：

使用vue3 template + # || v-slot 语法小程序端，可以正常显示内容

实际结果：

开发者工具上，无法显示插槽内容

bug描述：

3 个回复

公告

相关问题

【报Bug】vue3 小程序端 插槽内容不显示

操作步骤： 插槽部分，使用 template + # || v-slot 语法无法显示插槽内容 使用view + slot 可以显示插槽内容

预期结果： 使用vue3 template + # || v-slot 语法小程序端，可以正常显示内容

实际结果： 开发者工具上，无法显示插槽内容

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

【报Bug】vue3 小程序端插槽内容不显示

操作步骤：

插槽部分，使用 template + # || v-slot 语法无法显示插槽内容
使用view + slot 可以显示插槽内容

预期结果：

使用vue3 template + # || v-slot 语法小程序端，可以正常显示内容

实际结果：

开发者工具上，无法显示插槽内容