vue中富文本rich-text樣式設(shè)置不生效解決方案

在小程序、vue中通過(guò)v-html、rich-text顯富文本內(nèi)容，遇到了設(shè)置富文本樣式不生效問(wèn)題，解決方案如下：

1，去掉<style>標(biāo)簽的scoped屬性；

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

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

注意，以上方法適用于H5，不適用小程序，小程序rich-text屬于一個(gè)標(biāo)簽，需要進(jìn)行內(nèi)容替換，如：

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