今天遇到了一个问题，记录一下。当我用v-html来动态绑定含有html标签的内容时，在css样式中对于html标签进行样式的书写，但是对应的样式并没有按照设置的来。
<div class="test-wrapper" v-html="content"></div>
data () {
return {
content: "xxxx<strong class='sign'>YYYY</strong>xxxx"
}
}
.test-wrapper {
width: 96%;
height: 40px;
line-height: 40px;
padding: 0 2%;
background: #3071A9;
color: #fff;
font-size: 16px;
}
.test-wrapper > .sign {
color: red;
}
在浏览器中运行的时候，类名为sign的内容并没有变成红色。
image.png
解决方案一：在
updated()生命周期函数中，利用js对标签进行动态配置样式；
updated () {
$('.test-wrapper').find('.sign').css('color', 'red')
}
解决方案二：去掉样式的scoped属性
