在最近的vue项目中遇到的问题:v-html渲染的富文本,无法在样式表中修改样式;
这应该是vue编译的规范吧,未在虚拟dom中渲染的元素无法修改样式;
解决方案1:在updated生命周期函数中,js动态配置样式,代码如下
updated() {
document.querySelector('.detail img').style.cssText = 'width: 100%;'
},
这样会报错
vue.esm.js?3154:571 [Vue warn]: Error in updated hook: "TypeError: Cannot read property 'style' of null"
解决方案2:把该样式写成全局样式
单独放在一个style标签里
<style>
.detail img {
width: 100%;
}
</style>