el-button获取class名

如果你使用 Element UI 的 el-button 组件，你可以通过以下方法获取它的 class 名称：

1. 使用 $refs 获取组件实例并访问 $el 属性：

<template>
  <el-button ref="myButton">Click me!</el-button>
</template>

<script>
export default {
  mounted() {
    const buttonClass = this.$refs.myButton.$el.className;
    console.log(buttonClass);
  }
}
</script>

2. 使用 $nextTick 等待 DOM 更新后获取组件元素：

<template>
  <el-button class="my-custom-class">Click me!</el-button>
</template>

<script>
export default {
  mounted() {
    this.$nextTick(() => {
      const buttonClass = document.querySelector('.my-custom-class').className;
      console.log(buttonClass);
    });
  }
}
</script>

无论哪种方法，你都可以在控制台中查看按钮的 class 名称。注意，如果你使用了 Element UI 的主题定制功能或者自定义了组件样式，可能会影响获取到的 class 名称。