elementUI el-option-group + vue filter 过滤问题?

Question

<el-option-group

        v-for="(letter,index) in letters"

        :key="letter"

        class="selectgrop"

        :label="letter">

        <el-option

          :class="{active: activeIndex===index}"

          class="ty-opg-opt"

          v-for="(item,index) in sportDatabaseOrderBy | item.firstLetter== letter" 

          // 这里我知道是错误的, 主要是我想过滤出item.firstLetter== letter 的数据 请问该怎么做, 谢谢大佬们

          :key="item.id"

          :label="item.majorKindName"

          :value="item.mets">

          <span style="color: blue">{{item.majorKindName}}</span>

          <span>{{item.activityName}}</span>

          <!--"id": "5a6697078412379d5a549f74",-->

          <!--"energyId": 4005,-->

          <!--"mets": 4.5,-->

          <!--"majorKindName": "钓鱼和打猎",-->

          <!--"activityName": "钓鱼, 螃蟹钓鱼"-->

        </el-option>

        <!-- v-for="(item,index) in sportDatabase.filter|item.firstLetter== letter" -->

      </el-option-group>