自定义 ElementUI el-button按钮颜色

在ElementUI中，可以通过以下几种方式来自定义el-button按钮的颜色：

1. 直接在模板中使用style属性来设置按钮的background-color和color。
2. 使用CSS类来覆盖ElementUI的默认样式。
3. 使用内联样式或者外部CSS文件来设置按钮的样式。

以下是使用内联样式自定义按钮颜色的示例代码：

<template>
  <el-button :style="{ backgroundColor: buttonColor, color: textColor, borderColor: buttonColor }" @click="handleClick">自定义颜色按钮</el-button>
</template>
 
<script>
export default {
  data() {
    return {
      buttonColor: '#409EFF', // 按钮背景颜色
      textColor: '#fff'      // 按钮文字颜色
    };
  },
  methods: {
    handleClick() {
      // 按钮点击事件
    }
  }
};
</script>

在这个例子中，:style绑定了一个对象，该对象定义了按钮的背景颜色backgroundColor、文字颜色color和边框颜色borderColor。你可以根据需要修改buttonColor和textColor的值来改变按钮的颜色。