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)”;

}

},

}

    原文作者:CarryBest
    原文地址: https://blog.csdn.net/CarryBest/article/details/89146741
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞