我想用 rich-text 来显示一段 html 内容,使用字符串的方式,但是发现并不能直接控制富文本的样式,如果后台传过来的图片尺寸太大,会出现溢出的问题,下面以img为例子提出解决办法
<rich-text :nodes="guide"></rich-text>
data() {
return {
guide: ``,
}
}
if (response.code == 200) {
let data = response.data;
this.guide = data.content;
}
我们可以使用正则往html节点上加style,然后在绑定到rich-text上
if (response.code == 200) {
let data = response.data;
this.guide = data.content.replace(/<img/g, '<img style="width:100%"');
}
这样后台传过来的大图就可以完整显示在小程序端了