初期绑定一个值背景颜色透明,监听子组件的事件,改变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)”;
}
},
}