/ vuejs

Vue为v-html中标签添加CSS样式

<template>
    <div class="content" v-html='htmlData'></div>
</template>

解决方案1:在updated生命周期函数中,js动态配置样式,代码如下

updated() {
$('.content').find('p').css('color', 'blue');
},

解决方案2:去掉style标签中的scoped属性

<style>
.question-back-detail-wrap .content-detail img{
    width: 100%;
    height: auto;
}
</style>

解决方案3:写样式的时候添加 >>>

<style scoped>
.question-back-detail-wrap .content-detail >>> img{
    width: 100%;
    height: auto;
}
</style>