- 发布：2023-07-14 10:30
- 更新：2023-07-14 10:41
- 阅读：177
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.3.1
HBuilderX类型： 正式
HBuilderX版本号： 3.8.7
手机系统： 全部
手机厂商： 华为
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<template>
<view class="content">
<rich-text :nodes="strings"></rich-text>
</view>
</template>
<script>
export default {
data() {
return {
strings: '<div style="text-align:center;"><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>'
}
}
}
</script>
<style lang="scss" scoped>
.content {
background-color: #ffffff;
}
</style>
<template>
<view class="content">
<rich-text :nodes="strings"></rich-text>
</view>
</template>
<script>
export default {
data() {
return {
strings: '<div style="text-align:center;"><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>'
}
}
}
</script>
<style lang="scss" scoped>
.content {
background-color: #ffffff;
}
</style>操作步骤：
无
无
预期结果：
显示预期富文本内容
显示预期富文本内容
实际结果：
空白
空白
bug描述：
在nvue页面中使用基础组件中的富文本rich-text组件，结果富文本内容不显示
1 个回复
yuje (作者)
App-nvue 和支付宝小程序不支持 HTML String 方式