原理: 将富文本内的img设置内联样式宽度最大%
html部分
<rich-text :nodes="messageContent"></rich-text>
// js 设置富文本内的img最大宽度为100%
// 动态获取的富文本
let messageContent = "<div>..... <img></img></div>"
// 只替换一张的方法
messageContent = messageContent.replace('<img', '<img style="width:100%"')
// 多张图片的方法
messageContent = messageContent.replace(/\<img/gi, '< img style="max-width:100%;height:auto" ')