第三十篇：element UI el-button点击按钮，但是失去焦点的时候背景颜色消失问题_element ui button点击事件去除背景颜色

解决办法：加状态，点击每个按钮改一下状态

代码：

 <el-button :class="[{activeBtn: btnFlag1 }, 'Dis']" @click="getRangeOneDay">近1日</el-button>
 <el-button :class="[{activeBtn: btnFlag2 }, 'Dis']" @click="getRangeWeek" :autofocus="flag2">近7日</el-button>
 <el-button :class="[{activeBtn: btnFlag3 }, 'Dis']" @click="getRangeMonth">近30日</el-button>
 <el-button :class="[{activeBtn: btnFlag4 }, 'Dis']" @click="getRangeYear">近180日</el-button>
1
2
3
4

js:

// 近一天
    getRangeOneDay(){
      this.btnFlag1 = true
      this.btnFlag2 = false
      this.btnFlag3 = false
      this.btnFlag4 = false
       console.log("近一天")
    },
1
2
3
4
5
6
7
8

css部分

.activeBtn{
  color:#1890FF;
  background:rgb(232, 244, 255)
}
1
2
3
4