Vuetify Stepper:不要隐藏脚步

时间:2018-11-30 11:23:36

标签: vuetify.js

我希望在编辑下一步时不隐藏已完成的步骤。我可以使用Vuetify Stepper来实现吗?

<v-stepper :value="stepCounter" vertical>
<div v-for="(step, index) in formSteps" :key="index">
  <div>
    <v-stepper-step
      :edit-icon="'check'"
      :complete-icon="'edit'"
      :step="increaseStep(index, 1)"
      :complete="isStepCompleted(index)"
      :editable="isStepNowEdited(index)"
    >{{ step.label }}</v-stepper-step>
  </div>
  <v-stepper-content :step="increaseStep(index, 1)">
    <component :is="step.component"></component>
    <div>
      <button-only-with-text
        v-if="!isLastStep(index)"
        :content="$t('SAVE_AND_CONTINUE')"
        @onClick="increaseStepCounter(index, 2)"
      />
      <button-only-with-text v-else :content="$t('PLACE_ORDER')" @onClick="stepCounter = 1"/>
    </div>
  </v-stepper-content>
</div>

0 个答案:

没有答案