如何根据表单向导条件显示或隐藏选项卡内容，vue- form-wizard？

import VueFormWizard from 'vue-form-wizard';
import 'vue-form-wizard/dist/vue-form-wizard.min.css';

Vue.use(VueFormWizard);

<template>
  <form-wizard @on-complete="onComplete">
    <tab-content title="Step 1" icon="fa fa-user">
      <!-- Step 1 content -->
    </tab-content>
    <tab-content title="Step 2" icon="fa fa-envelope">
      <!-- Step 2 content -->
    </tab-content>
    <tab-content title="Step 3" icon="fa fa-check">
      <!-- Step 3 content -->
    </tab-content>
  </form-wizard>
</template>

<template>
  <form-wizard @on-complete="onComplete">
    <tab-content title="Step 1" icon="fa fa-user" v-if="showStep1">
      <!-- Step 1 content -->
    </tab-content>
    <tab-content title="Step 2" icon="fa fa-envelope" v-if="showStep2">
      <!-- Step 2 content -->
    </tab-content>
    <tab-content title="Step 3" icon="fa fa-check" v-if="showStep3">
      <!-- Step 3 content -->
    </tab-content>
  </form-wizard>
</template>

<template>
  <form-wizard @on-complete="onComplete">
    <!-- Step 1, Step 2, Step 3 content -->
    <tab-content title="Step 3" icon="fa fa-check">
      <!-- Step 3 content -->
      <button type="submit">Submit</button>
    </tab-content>
  </form-wizard>
</template>

<script>
export default {
  methods: {
    onComplete() {
      // 处理表单提交完成后的逻辑
    }
  }
}
</script>