分类：v-html富文本无法修改

2020
09-29

vue通过v-html指令渲染的富文本无法修改样式的解决方案

1.问题描述在最近的vue项目中遇到的问题：v-html渲染的富文本，无法在样式表中修改样式。代码如下，div.article-context里面的图片修改成自适应，但是没有任何效果。<divclass="article-context"v-html="post.content"></div><stylescoped>.article-contextimg{width:auto;height:auto;max-width:100%;max-height:100%;}</style>2.分析原因这是为什么呢？原因很简单：如果图片（img标签）在template中先写出来，... 继续阅读 >