v-html图片溢出

关于v-html中存在<img>出现图片溢出所在div或dialog等情况处理

用深度选择器修改v-html里面的内容样式即可。

<div class="dialog" v-html="content"></div>

// css写法
<style>
    .dialog {
      width: 1024px; 
      height: 960px;
    }
    
    .dialog >>> img,p,span {
      width: 100%;
    }
</style>

// scss写法
<style>
    .dialog {
      width: 1024px; 
      height: 960px;
      ::v-deep img, ::v-deep p, ::v-deep span {
        width: 100%;
      }
    }
</style>