我想在 HTML 代码中添加样式v-html
。我尝试了几种解决方案,但没有任何功能:(
这是我的代码:
模板 :
<div
class="para"
v-html="value"
/>
脚本 :
export default {
data () {
return {
value : "<h2> TITLE </h2> <p> PARA </p>"
}
},
}
Style :
.para >>> h2 {
color: blue;
}
.para >>> p {
color: red;
}
提前致谢 !
如果您正在使用scoped
没有 SASS 的风格,使用>>>
组合器这样:
>>> .para > h2 {
color: blue;
}
>>> .para > p {
color: red;
}
如果您正在使用scoped
style withSASS,使用::v-deep
组合器:
::v-deep .para > h2 {
color: blue;
}
::v-deep .para > p {
color: red;
}
否则:
.para > h2 {
color: blue;
}
.para > p {
color: red;
}
这里有一个demo https://jsfiddle.net/sh0ber/gb5nr0z6/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)