在同事的项目中遇到一个问题,使用 Vue 的 v-html 后,内容里边的图片太大,显示不全。
但是设置 style 又不管用:
代码语言:javascript复制.img {
max-width: 100%;
height: auto;
}
实际上还是 Vue 的 scoped 穿透问题:参考我之前的文章(Vue项目中scoped属性的作用,及scoped穿透)
代码语言:javascript复制<style scoped>
.content >>> .img {
max-width: 100%;
height: auto;
}
</style>
这样就可以解决 Vue 中 v-html 内容样式设置不了的问题了。