css - Vue.js 动态 <style> 带变量

Question

是否可以在样式中添加动态变量？

我的意思是:

<style>
    .class_name {
        background-image({{project.background}});
    }
    @media all and (-webkit-min-device-pixel-ratio : 1.5),
    all and (-o-min-device-pixel-ratio: 3/2),
    all and (min--moz-device-pixel-ratio: 1.5),
    all and (min-device-pixel-ratio: 1.5) {
        .class_name {
            background-image({{project.background_retina}});
        }
    }
</style>

Answer 1

我遇到了同样的问题。我一直在尝试使用数据库中的背景颜色值。我找到了一个很好的解决方案，可以在内联 CSS 上添加背景颜色值，该值是我从数据库中设置的。

<img :src="/Imagesource.jpg" alt="" :style="{'background-color':Your_Variable_Name}">