<el-button 自定义类型

<el-button> 是Element UI库中的一个Vue组件，用于创建一个按钮元素。Element UI是一个基于Vue 2.0的桌面端组件库。在使用<el-button>组件时，你可以通过设置不同的属性来定义按钮的各种样式和行为。

如果你想要自定义一个<el-button>按钮的类型，可以通过设置type属性来实现。type属性决定了按钮的视觉样式，通常有三种预设值：primary、success和info。不过，Element UI还允许你自定义样式，通过覆盖Element UI提供的CSS类来自定义按钮的样式。

例如，你可以这样设置一个自定义样式的按钮：

<template>
  <el-button :class="customButtonClass">自定义按钮</el-button>
</template>

<script>
export default {
  data() {
    return {
      customButtonClass: 'custom-button-style' // 自定义的CSS类名
    };
  }
};
</script>

<style>
/* 定义自定义按钮样式 */
.custom-button-style {
  /* 自定义样式代码 */
  background-color: #007bff; /* 例如自定义背景颜色 */
  color: white; /* 设置文字颜色为白色 */
}
</style>

以上代码中，我们定义了一个名为`custom-button-style`的CSS类，并将其应用于一个<el-button>按钮上，从而覆盖了Element UI默认的按钮样式。