【报Bug】text标签中如果使用了插槽，在小程序中无法显示

分类：uni-app

bug反馈

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

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.15

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

基础库版本号： 3.0.0

项目创建方式： HBuilderX

示例代码：

测试组件

<template>  
    <view>  
        <view class="">测试slot bug</view>  
        <text>  
            <slot name="title">{{ title }}</slot>  
        </text>  
    </view>  
</template>  

<script>  
export default {  
    props: {  
        title: {  
            type: String,  
            default: '默认标题'  
        }  
    },  
    data() {  
        return {}  
    }  
}  
</script>

操作步骤：

使用
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<slot-bug>
<template #title>在小程序中这里的内容虽然渲染了，但是无法显示</template>
</slot-bug>
</view>
</template>

预期结果：

能正常显示内容 “在小程序中这里的内容虽然渲染了，但是无法显示”

实际结果：

无法正常显示内容

bug描述：

在text标签中如果使用了插槽，在小程序中显示有问题,H5中正常。

2024-08-08 22:51 负责人:无分享

1 个回复

爱豆豆 - 办法总比困难多

你这是vue2吧改用 v-slot:title 这种写法试试

要回复问题请先登录或注册

【报Bug】text标签中如果使用了插槽，在小程序中无法显示

示例代码：

测试组件

`<template> <view> <view class="">测试slot bug</view> <text> <slot name="title">{{ title }}</slot> </text> </view> </template> <script> export default { props: { title: { type: String, default: '默认标题' } }, data() { return {} } } </script>`

操作步骤：

使用
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<slot-bug>
<template #title>在小程序中这里的内容虽然渲染了，但是无法显示</template>
</slot-bug>
</view>
</template>

预期结果：

能正常显示内容 “在小程序中这里的内容虽然渲染了，但是无法显示”

实际结果：

无法正常显示内容

bug描述：

1 个回复

公告

相关问题

【报Bug】text标签中 如果使用了插槽，在小程序中无法显示

示例代码： 测试组件 <template> <view> <view class="">测试slot bug</view> <text> <slot name="title">{{ title }}</slot> </text> </view> </template> <script> export default { props: { title: { type: String, default: '默认标题' } }, data() { return {} } } </script>

操作步骤： 使用 <template> <view class="content"> <image class="logo" src="/static/logo.png"></image> <slot-bug> <template #title>在小程序中 这里的内容 虽然渲染了，但是无法显示</template> </slot-bug> </view> </template>

预期结果： 能正常显示内容 “在小程序中 这里的内容 虽然渲染了，但是无法显示”

实际结果： 无法正常显示内容

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

【报Bug】text标签中如果使用了插槽，在小程序中无法显示

示例代码：

测试组件

`<template> <view> <view class="">测试slot bug</view> <text> <slot name="title">{{ title }}</slot> </text> </view> </template> <script> export default { props: { title: { type: String, default: '默认标题' } }, data() { return {} } } </script>`

操作步骤：

使用
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<slot-bug>
<template #title>在小程序中这里的内容虽然渲染了，但是无法显示</template>
</slot-bug>
</view>
</template>

预期结果：

能正常显示内容 “在小程序中这里的内容虽然渲染了，但是无法显示”

实际结果：

无法正常显示内容