element按钮默认选中

需求：第一个按钮默认选中，点击其他按钮则变成选中状态

查看全部为默认选中，点击只看A/B时，其余按钮变成未选中状态，开始想用autofocus属性，发现只有第一次有效，页面刷新时就会失去焦点。于是换了一种方式，通过改plain属性的方式，实现选中效果

 <el-button
              type="primary"
              size="mini"
              @click="reset"//点击事件，
              :plain= "select"//控制是否朴素按钮
              >查看全部</el-button
            >
            <el-button
              type="primary"
              size="mini"  
              @click="selsectB"
               :plain= "selectB"
         
              >只看B</el-button
            >
            <el-button
              type="primary"
              size="mini"
               :plain= "selectA"
              @click="selsectA"
         
              >只看A</el-button
            >

data里定义
      select:false,
      selectA:true,
      selectB:true,

方法里定义
search() {
      this.init(1);//页面刷新
    },
    selsectB() {
      this.queryForm.suggestChange = "B";
      this.init(1);
      this.select=true
      this.selectB=false
      this.selectA=true
    },
    selsectA() {
      this.queryForm.suggestChange = "A";
      this.init(1);
      this.select=true
      this.selectA=false
      this.selectB=true
    },