vue 动态绑定元素style中的样式

1.绑定修改字体颜色

<div class="text" :style="{'color':colorText}">111</div>

        data() {
            return {
                colorText: '#EA69A2',   
            };
        },

这样绑定就可以生效了！

2.绑定背景图片

<div class="top" :style="'background-image:' +'url('+img+')'">111</div>

 data() {
            return {
                img: '',   //图片地址
            };
        },

这样绑定就可以生效了！

3.绑定背景颜色

<div class="text" :style="{'background':backgroundColor}">111</div>

        data() {
            return {
                backgroundColor: '"#EB6876',   
            };
        },

这样绑定就可以生效了！