vue循环el-button，默认第一个按钮高亮，点击哪个按钮那个按钮高亮

可以在循环渲染 el-button 的时候，添加一个变量来判断当前按钮是否被选中，然后通过 v-bind:class 来动态绑定样式。

具体实现方式如下：

1. 在 data 中添加一个变量，用来记录当前被选中的按钮的索引值：

data() {
  return {
    activeButtonIndex: 0,
    buttons: ['按钮1', '按钮2', '按钮3']
  }
}

2. 在循环渲染 el-button 的时候，通过 v-for 循环遍历 buttons 数组，并通过 v-bind:class 来动态绑定样式：

<el-button
  v-for="(button, index) in buttons"
  :key="index"
  :class="{ 'is-active': activeButtonIndex === index }"
  @click="activeButtonIndex = index"
>
  {{ button }}
</el-button>

3. 在样式中定义 .is-active 类的样式，用来表示当前被选中的按钮：

.is-active {
  background-color: #409EFF;
  color: #fff;
}

这样就可以实现循环渲染 el-button，默认第一个按钮高亮，点击哪个按钮那个按钮高亮的效果。