用element ui怎么实现这个功能？

Question

怎么实现没有点击其他两个按钮时 autofocus一直存在，
现在的状态是一点击页面中的其他地方 就没有蓝色聚焦了

<el-row style="paddingTop:5px">
    <el-button autofocus style="marginLeft:50px" plain round size="mini" @click="checkSpecisesTab('')">全部物种</el-button>
    <el-button plain round size="mini" @click="checkSpecisesTab('1')">已测序物种</el-button>
    <el-button plain round size="mini" @click="checkSpecisesTab('0')">未测序物种</el-button>
</el-row>

Answer 1

默认第一个为 active：{border-color: #42a5f5; color: #42a5f5;}
点击那个给添加active的类名

Answer 2

自己写按钮。用css控制

Answer 3

border-color: #42a5f5; color: #42a5f5;

给要效果的按钮套上这2个style

Answer 4

其实可以换个思路的(曲线救国嘛)，可以用element ui的el-radio-group和el-radio-button，只需要改一下css样式一样可以实现的，而且不用处理什么自动焦点的问题(懒省事)

Answer 5

控制 type 1、2、3
根据 1、2、3
控制激活颜色 及所属列表数据