vue中富文本rich

关于vue中富文本rich这个问题，是在河南IT软件服务商中一个比较常见的问题了，那么如何解决这个问题呢，继续阅读，接下来进行详细的介绍。

在小程序、vue中通过v-html、rich-text显富文本内容，遇到了设置富文本样式不生效问题，解决方案如下：

1，去掉<style>标签的scoped属性；

2，使用 /deep/深度作用选择器 (案例如下)；

.fwb{
    // 在需要设置样式的富文本dom样式前添加 /deep/
    /deep/
    img{
        margin-top:50px;
        width:100%;
    }

注意，以上方法适用于H5，不适用小程序，小程序rich-text属于一个标签，需要进行内容替换，如：

_body = _body.replace(/<img/gi, '<img style="max-width:100%;height:auto;" ');