• <nav id="ecmkk"></nav>
  • 分享最實用的技術,創造更大的價值

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

    在小程序、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;" ');


    聯系
    QQ
    電話
    咨詢電話:189-8199-7898
    TOP
    亚洲中文字幕aⅴ天堂
  • <nav id="ecmkk"></nav>