Framework 7 vue, подтвердите успешность - PullRequest
Новая
       23

Framework 7 vue, подтвердите успешность

0 голосов
/ 05 июня 2019

Используя фреймворк 7 vue (текущая версия 4.4.3), я пытаюсь проверить форму при отправке. Я нашел следующий код: http://forum.framework7.io/t/solved-how-to-validate-form-using-button-v2/1889

  $$('.save').on('click', function(e){
  e.preventDefault();
  if (!$$('#form-name')[0].checkValidity()) {

    console.log('Check Validity!');

  } else {

    //ajax request here
    return false;

  }

});

Однако мне трудно пытаться перевести это на работу в VUE. Выйдя из объекта формы, я не вижу опции checkValidity ...

Мне удалось получить доступ к данным формы через 

 const formData = this.$f7.form.convertToData('#ajaxForm')

Я использую входы framework7 

<f7-list >
  <f7-list-input v-for="field in form"
    :name="field.name"
    :value="field.value"
    @input="field.value = $event.target.value"
    :label="field.label"
    :type="field.type"
    :placeholder="field.placeholder"
    :info="field.info"
    :required="field.required"
    :validate="field.validate"
    clear-button
  >
  </f7-list-input>
</f7-list>

проверка также работает через реквизит ... Просто не могу понять, как вызвать его при отправке. Я предполагаю, что мне нужен доступ к Dom Framework 7 в соответствии с примером? - Я пытался получить доступ к Dom7 - но это не определено ... Я думаю, потому что vue используется?

1 Ответ

0 голосов
/ 05 июня 2019

Итак ... Dom7 доступен как this.Dom7 .... метод checkValidity доступен на этом. Похоже на jQuery:) 

 const $$ = this.Dom7

      if (!$$('#ajaxForm')[0].checkValidity()) {

        console.log('Check Validity!');

      } else {

        //ajax request here
        return false;

      }
...