Как проверить все вкладки одновременно в vue -form-wizard? - PullRequest
Новая
       37

Как проверить все вкладки одновременно в vue -form-wizard?

0 голосов
/ 14 апреля 2020

В настоящее время у меня есть кнопка вне vue -form-wizard, и в основном, когда вы нажимаете на нее, вы должны проверить все vue -form-wizard. Я использовал: before-enter, но это помогает мне шаг за шагом проверять. 

    <form-wizard
            class="wizard-iquote"
            ref="wizard"
            title
            subtitle
            shape="circle"
            step-size="sm"
            color="#0079bf"
            error-color="#ff4949"
            @on-complete="onComplete"
          >
    <tab-content title="General Information" icon="far fa-info-circle" :before-change="validateFirstStep">
              <el-form  :model="oruSchema.account_overview" :rules="oru_rules.account_overview" ref="AccountOverview">
                <AccountOverview
                  :oruSchema="oruSchema"
                  :formStatus="form.status"
                  :oru_rules="oru_rules.account_overview"
                  :params="params"
                  :errors="errors"
                  @policyTypesChanged="policy_types_changed"
                ></AccountOverview>
              </el-form>
<tab-content title="Coverages" icon="far fa-box-alt">
          <el-form :model="oruSchema" :rules="oru_rules" ref="policyTypesStep">
</el-form>
            </tab-content>
    </form-wizard>
<button>Validate all Form Wizard</button>

Как вы увидите в конце, у меня есть кнопка, в которой в основном это будет «Отправить» при нажатии , он должен подтвердить, и если он недействителен, пометьте красным Шаг, как он делает: before-enter, но на этот раз для всех шагов. Или какое другое решение у меня может быть?

...