vue中動態綁定class

我用的element-ui

primary默認是這個顏色，ui設計的是這個顏色所以我們先要重寫

.el-button--primary的樣式

因為默認是沒有勾選的所有事灰色所以下面重寫樣式為灰色

 

.el-button--primary {

  color: #fff;
  background-color: gainsboro;
  border-color: gainsboro;
}

有一點我想不通，就是通過是否被選中來改變這個.el-button--primary或者說動態綁定這個類

 

 

通過計算屬性來實現是否能點擊

 

 

因為之前我都是寫在，所以我沒想通

<style scoped lang="less">

.el-button--primary {

  color: #fff;
  background-color: gainsboro;
  border-color: gainsboro;
}

</style>

現在想通了 另外寫一個類來實現動態綁定

 

 其實就是重寫類的時候，另外起一個style 然后就是動態綁定