我正在尝试做的一个例子
<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 完成此操作?
最佳答案
“您不能在运行时通过组件的 JavaScript 动态更改样式 - 不行。”
关于css - 是否可以将 css 注入(inject) Vue 组件样式部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51390524/