1.使用

<!-- 这是在获取富文本内容 -->
<view class="detail">
       <view v-html="resData.content"></view>
</view>

2.问题:图片溢出了

3.解决

uniapp h5中,v-html,img图片中style=width:auto;会显示图片原来的尺寸,会超出屏幕,替换成width:100%,这样就不会超出屏幕

pageDetaile(data).then(res =>{
                    this.resData = res.data.data;
                    this.resData.content = res.data.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ');
                });

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐