vue error 해결법 : v-html 에서 css 적용안될 때

v-html 을 이용하여 다양한 html 코드를 string 방식으로 입력받을 때 html 코드는 잘 입력이 되지만 

css 는 적용이 안될 때가 있다.

이럴 때에는 보통 <style> 부분에서 잘못될 가능성이 많은데 

아래와 같이 style 에 범위를 scoped로 한정하여 지정한 것은 아닌지 확인한다.

<style lang="scss" scoped>
.test {
	color: red;
}
</style>

 

이 경우 아래와 같이 scoped 를 풀어주면 자연스럽게 css가 적용된다.

<style lang="scss">
.test {
  color: red;
}
</style>