vue中v-html渲染的后台返回代码添加样式
vue中v-html渲染的标签不能直接写css样式,因为v-html 的内容设置带作用域的 CSS,所以不能直接写<style lang="scss" scoped>//如果把scoped去掉,直接写样式是可以,但这样会很危险,也不提议可以在生命周期钩子函数里面写updated () {$('.detBox img')
·
vue中v-html渲染的标签不能直接写css样式,因为v-html 的内容设置带作用域的 CSS,所以不能直接写
<style lang="scss" scoped> //如果把scoped去掉,直接写样式是可以,但这样会很危险,也不提议
可以在生命周期钩子函数里面写
updated () {
$('.detBox img').css({
'width': '100%',
'max-width': '100%',
'display': 'block'
})
}
这样就可以解决问题,网上也有其它答案,像类似在选择器后面加>>>
比如
#id >>> p {
font-size: 14px;
}
可能会有些浏览忽略>>>编译不了可以用/deep/代替,一样有效果
#id /deep/ p {
font-size: 14px;
}
更多推荐
已为社区贡献3条内容
所有评论(0)