将动态Vuejs值指定给css

我有以下JSFIDLE：

newvue({
el:“#cct”，
朗：{
我的文字：“我的文字是”，
}
});

.myCSS:：after{
内容：{{lang.myText}}；//这不会输出任何内容
}

---

我正在尝试将Vuejs动态值分配给CSS（内容），请任何人告诉我如何实现这一点？

您可以绑定CSS变量，将其作为伪类的内容应用，如下所示：

newvue({
el:“#cct”，
数据（）{
返回{
朗：“我的文字是”
}
}
})

.myCSS{
保证金：1rem 0；
边框：1px纯黑；
}
.myCSS:：之后{
内容：var（--myText）；
}

---

我认为这是一个很好的答案，这正是OP想要的。很明显，他们想要使用CSS

内容

。如果需要IE11支持，我唯一要添加的可能是使用回退到

attr（）