vue3 自动循环选中按钮

您可以使用Vue3的v-for指令和v-bind绑定class属性来实现自动循环选中按钮的功能。具体实现步骤如下：

1. 在data中定义一个属性来表示当前选中的按钮索引：

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

2. 在模板中使用v-for指令循环渲染按钮，并使用v-bind绑定class属性来动态切换选中状态：

<div v-for="(button, index) in buttons" :key="index">
  <button :class="{active: activeIndex === index}" @click="activeIndex = index">{{button}}</button>
</div>

3. 在样式中定义.active类来设置选中状态的样式：

.active {
  background-color: #333;
  color: #fff;
}

这样就可以实现自动循环选中按钮的功能了。