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',   };},

这样绑定就可以生效了！