el-button type=全部 全部el-button el-button type=未完成未完成el-button el-button type=已完成已完成el-button如何分别将其绑定activeBtnIndex使其的值分别为012

可以在每个按钮上绑定click事件，通过调用方法来改变activeBtnIndex的值。

例如，在模板中添加一个方法handleClick，代码如下：

<template>
  <div>
    <el-button type="全部" :class="{active: activeBtnIndex===0}" @click="handleClick(0)">全部</el-button>
    <el-button type="未完成" :class="{active: activeBtnIndex===1}" @click="handleClick(1)">未完成</el-button>
    <el-button type="已完成" :class="{active: activeBtnIndex===2}" @click="handleClick(2)">已完成</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeBtnIndex: 0
    }
  },
  methods: {
    handleClick(index) {
      this.activeBtnIndex = index
    }
  }
}
</script>

在每个按钮上绑定的click事件会调用handleClick方法，传入对应的index值，从而改变activeBtnIndex的值。同时，使用:class绑定样式，当activeBtnIndex等于对应的index值时，该按钮会添加一个名为active的类，实现选中状态的样式变化。