必威游戏app官方下载_必威体育中文app_必威备用网址 - 小程序vue中富文本rich-text样式设置不生效解决方案 - 技术分享- 专业的四川成都软件必威体育中文app公司 - 创软科技
分享最实用的技术,创造更大的价值

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

必威游戏app官方下载_必威体育中文app_必威备用网址

  • <tr id='b43451'><strong id='b43451'></strong><small id='b43451'></small><button id='b43451'></button><li id='b43451'><noscript id='b43451'><big id='b43451'></big><dt id='b43451'></dt></noscript></li></tr><ol id='b43451'><option id='b43451'><table id='b43451'><blockquote id='b43451'><tbody id='b43451'></tbody></blockquote></table></option></ol><u id='b43451'></u><kbd id='b43451'><kbd id='b43451'></kbd></kbd>

    <code id='b43451'><strong id='b43451'></strong></code>

    <fieldset id='b43451'></fieldset>
          <span id='b43451'></span>

              <ins id='b43451'></ins>
              <acronym id='b43451'><em id='b43451'></em><td id='b43451'><div id='b43451'></div></td></acronym><address id='b43451'><big id='b43451'><big id='b43451'></big><legend id='b43451'></legend></big></address>

              <i id='b43451'><div id='b43451'><ins id='b43451'></ins></div></i>
              <i id='b43451'></i>
            1. <dl id='b43451'></dl>
              1. <blockquote id='b43451'><q id='b43451'><noscript id='b43451'></noscript><dt id='b43451'></dt></q></blockquote><noframes id='b43451'><i id='b43451'></i>