Vee-Validate пользовательский компонент ошибки с областями действия - PullRequest
Новая
       8

Vee-Validate пользовательский компонент ошибки с областями действия

0 голосов
/ 30 мая 2018

Я хотел создать пользовательский компонент, чтобы использовать области Vee-Validate для отображения ошибки.

В настоящее время для форм с областью действия я делаю следующим образом.

Способ отправки: 

   methods: {
      onSubmit(scope) {
        console.log(this.$validator)
        this.$validator.validateAll().then((result) => {
          if (result) {
            alert('Form Submitted!');
          }
        });
      }
    }

HTML 

<label>Name</label>

<input v-model="form_fields.name" data-vv-as="Partner name" data-vv-name="PartnerName" v-validate="'required'" :class="{'input': true, 'is-danger': errors.has('form-partner.PartnerName') }" type="text" class="form-control">

<div v-show="errors.has('form-partner.PartnerName')" class="help is-danger text-red">{{ errors.first('form-partner.PartnerName') }}</div>

, что означает, что я должен повторять errors.has('form-partner.PartnerName') несколько раз по всем формам.

Я хотел бы упростить, как показано ниже. 

<error-form :status="errors" :css-class="'is-danger'" label="Company Name" field="name">
    <b-form-input v-validate="'required'" class="form-control" v-model="form_fields.name" name="name" data-vv-as="Company Name"
      type="text" />
</error-form>

Аналогично реализации здесь! , но это не работает с областями действия.

Я хотел бы сделать проверку с scopes.Я передам прицелы в error-form, как показано ниже. 

///scope here
<error-form :status="errors" :scope='form-registraion' :css-class="'is-danger'" label="Company Name" field="name">

Итак, как я могу проверить свой компонент error-form с прицелами?области могут быть обязательными или обязательными.

...