Elementui Tabs option display problem

<el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
    <el-tab-pane label="" name="first"></el-tab-pane>
    <el-tab-pane label="" name="second"></el-tab-pane>
    <el-tab-pane label="" name="third"></el-tab-pane>
    <el-tab-pane v-if="a==1" label="" name="fourth"></el-tab-pane>
  </el-tabs>

I want to use tab tabs on mobile pages. By default, there are 4 tab tags and 4 equal divisions. Under certain conditions, the scheduled task compensates that this tab tab needs to be hidden, but at this time, the other three have no 3-equal pages and still maintain the width of 4-equal time. How should this be handled

Mar.12,2022

try adding stretch

<el-tabs v-model="activeName2" type="card" stretch @tab-click="handleClick">
Menu