下面是我想要做的一个例子
<template>
<div>
<p>I pee red!</p>
</div>
</template>
<script>
export default {
data: () => ({
aModelWithStyle: {name: "Hansel", css:".p{color:red}"}
})
}
</script>
<style scoped lang="scss">
{{aModelWithStyle.css}}
</style>
显然,样式标记中的{{aModelWithStyle.css}}不起作用。我如何使用Vue来实现这一点呢?
发布于 2018-07-18 19:49:40
“您不能在运行时通过组件的JavaScript -no动态更改样式。”
发布于 2018-07-18 05:43:07
vue文档说你可以使用
<style src="./my-component.css"></style>
我不确定这是否是你要找的,但这是我最好的猜测。
https://stackoverflow.com/questions/51390524
复制相似问题