码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-07-28 00:26:53      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:default   export   color   world   data   font   css选择器   添加   rip   

方法:

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>

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

标签:default   export   color   world   data   font   css选择器   添加   rip   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!