vue给v-html渲染出的页面添加样式

方法:

css选择器 >>> 标签

<template>
    <div v-html="data" class="test">
    </div>
</template>
<script>
export default {
    data(){
        return{
            data:"<h1>Hello World</h1>"
        }
    }
}
</script>
<style scoped>
.test >>> h1{
    color: red;
    font-size: 18px
}
</style>

原文地址:https://www.cnblogs.com/xlwq/p/13387819.html