vue 动态绑定样式和修改

妖心changeless

于 2021-03-05 15:23:50 发布

阅读量417

点赞数

分类专栏： VUE element

本文链接：https://blog.youkuaiyun.com/TheSpiritIsHeart/article/details/114398025

版权

element 同时被 2 个专栏收录

31 篇文章

订阅专栏

VUE

12 篇文章

订阅专栏

在这里插入图片描述

HTML

<el-button class="formButton" @click="switchForm()" v-bind:style="{ color: activeColor,background: activeBackground }">表格</el-button>

data

      activeColor: '#000000',
      activeBackground: '#ffffff',

    switchForm() {
      this.activeColor = '#FFFFFF'
      this.activeBackground = '#2a76cd'
      this.chartColor = '#000000'
      this.chartBackground = '#FFFFFF'
    },