vue中v-html渲染出来的元素添加样式
<span v-html="t" id="Content"></span></li>
不能直接在 <style></style> 中修改css样式 这应该是vue中虚拟dom渲染的元素⽆法修改样式；
⽅法1：在updated⽣命周期函数中，js动态配置样式（这⾥引⼊了jQ，可以⽤原⽣js更改样式）
updated(){
$('#Content').find('img').css('width', '100%')
},
⽅法2：去掉style标签中的scoped属性！（注意类名⼀样会污染全局样式，⽤时慎重）
scoped属性导致css仅对当前组件⽣效（⽤css3的属性选择器+⽣成的随机属性实现的），⽽html绑定渲染出的内容可以理解为是⼦组件的内容，⼦组件不会被加上对应的属性，所以不会应⽤css.
⽅法3：写样式的时候添加>>>
<style scoped>
#Content >>>  img{
width: 100%;
}
</style>
修改后：
>css 属性选择器

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。