【报Bug】<rich-text>富文本展示时，h5端遇到注释代码（如）报错

分类：uni-app

bug已确认

产品分类： uniapp/H5

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.99

浏览器平台： Edge

浏览器版本： 120.0.2210.77

项目创建方式： HBuilderX

示例代码：

<view class="text-content">
<rich-text :nodes="profile"></rich-text>
</view>

操作步骤：

在富文本代码里加入

预期结果：

正常展示富文本的内容

实际结果：

报错，无任何内容展示

bug描述：

<rich-text>富文本展示时，h5端遇到注释代码（如）会报错，报错信息：Error in callback for watcher "nodes": "TypeError: Cannot read property 'children' of undefined"

2024-02-19 16:10 负责人:YUANRJ 分享

2 个回复

喜欢技术的前端 - QQ---445849201

可以用字符串方式

<!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->  
<template>  
    <view class="content">  
        <view class="uni-padding-wrap">  
            <view class="uni-title uni-common-mt">  
                字符串类型  
                <text>\nnodes属性为String</text>  
            </view>  
            <view class="uni-common-mt" style="background:#FFF; padding:20rpx;">  
                <rich-text :nodes="strings"></rich-text>  
            </view>  
        </view>  
    </view>  
</template>  
<script>  
export default {  
    data() {  
        return {  
            strings: '<div style="text-align:center;"><div>哈哈</div><!-- <div>注释</div> --><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>'  
        }  
    }  
}  
</script>

YUANRJ

感谢反馈，已确认问题，后续会修复。

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

【报Bug】<rich-text>富文本展示时，h5端遇到注释代码（如）报错

示例代码：

<view class="text-content">
<rich-text :nodes="profile"></rich-text>
</view>

操作步骤：

在富文本代码里加入

预期结果：

正常展示富文本的内容

实际结果：

报错，无任何内容展示

bug描述：

2 个回复

公告

相关问题

【报Bug】<rich-text>富文本展示时，h5端遇到注释代码（如）报错

示例代码： <view class="text-content"> <rich-text :nodes="profile"></rich-text> </view>

操作步骤： 在富文本代码里加入

预期结果： 正常展示富文本的内容

实际结果： 报错，无任何内容展示

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

示例代码：

<view class="text-content">
<rich-text :nodes="profile"></rich-text>
</view>

操作步骤：

在富文本代码里加入

预期结果：

正常展示富文本的内容

实际结果：

报错，无任何内容展示