vue中(zhōng)富文(wén)本rich-text樣式設置不生效解決方案

在小(xiǎo)程序、vue中(zhōng)通過v-html、rich-text顯富文(wén)本内容，遇到了設置富文(wén)本樣式不生效問題，解決方案如下：

1，去掉<style>标簽的scoped屬性；

2，使用(yòng) /deep/深度作(zuò)用(yòng)選擇器 (案例如下)；

.fwb{
    // 在需要設置樣式的富文(wén)本dom樣式前添加 /deep/
    /deep/
    img{
        margin-top:50px;
        width:100%;
    }

注意，以上方法适用(yòng)于H5，不适用(yòng)小(xiǎo)程序，小(xiǎo)程序rich-text屬于一個标簽，需要進行内容替換，如：

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