vue在使用html绑定的时候,里面的元素没有继承外部的CSS

使用v-html绑定了从请求数据中html元素,发现css并不会应用上去

那是因为

scoped属性导致css仅对当前组件生效(用css3的属性选择器+生成的随机属性实现的),

而html绑定渲染出的内容可以理解为是子组件的内容,子组件不会被加上对应的属性,所以不会应用css.

解决的话把scoped属性去掉就行了

如果生成的html元素中自带style样式

可以使用!important提升自己写的样式

posted @ 2017-11-17 10:27  静静的fire  阅读(906)  评论(0编辑  收藏  举报