v-html命令渲染的内容,使用scoped属性的情况下,样式不起作用

v-html命令渲染的内容,使用scoped属性的情况下,样式不起作用

如:
CSS:

HTML:

 

JS:
questionTitle : "题目中有图片"

不去掉scoped属性的解决方法:
1. 通过 >>> 可以使得在使用scoped属性的情况下,穿透scoped
如:

2. >>> 在 sass | less 中不作用,用 /deep/  |  ::v-deep 来代替
如:

注:Vue 3 中 ::v-deep 被废除了,取而代之的是 ::deep

你可能感兴趣的:(html,前端)