v-html渲染html代码 但是 样式好像没有及时渲染

Question

简单地说，就是根据官网的示例 v-html可以对 <span style="color:red">this should be red</span>进行编译，但是无法对 <span class = "redColor">this should be red</span>里的class进行编译，如何解决呢？

Answer 1

你看看你的style是不是设置了scoped呢？把它去掉试试

<style scoped>

改成

<style>

scoped属性导致css仅对当前组件生效，而html绑定渲染出的内容可以理解为是子组件的内容，子组件不会被加上对应的属性，所以不会应用带有scoped的css