在开发时我们可能会遇到对vue中的v-html渲染出来的元素添加样式;在原有的style里面加也没有效果;
下面有3中方法可以起到效果;
- 去掉style标签中的
scoped
属性,此方法会对全局的样式污染,不建议使用; - 在钩子函数
updated()
里面对要添加样式的元素添加样式;
updated(){
let art = document.getElementById('myArticle')
let img = art.querySelectorAll('img')
img.forEach(item=>{
item.style.height = '300px'
})
}
- 使用
>>>
#myArticle>>>img{
height: 300px;
}
背包Boy
发布了16 篇原创文章 · 获赞 12 · 访问量 1845
私信
关注