vue动态改变元素的背景颜色

初期绑定一个值背景颜色透明，监听子组件的事件，改变data里面的值来改变背景色

代码

<el-main ref="elMain" v-bind:style="elMain">

<el-card class="main-card">

<slot></slot>

</el-card>

</el-main>

初期赋值背景颜色透明：

data() {

   return {

     elMain: {

            background: "rgb(255,255,255,0)"

      },

   }

}

methods: {

//动态改变el-main的背景颜色

changedBgColor(index) {

if (index != 0) {

this.elMain.background = "#fff";

} else {

this.elMain.background = "rgb(255,255,255,0)";

}

},

}