Javascript 框架7 vue，成功验证

使用Framework7Vue（当前版本4.4.3），我试图在提交时验证表单。我发现了以下代码：

}))

但是，我很难将其翻译到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>

---

验证也通过道具工作。。。只是不知道如何在提交时触发它。我假设我需要访问Framework7的dom，如示例所示？-我试图访问Dom7-但这是未定义的。。。我猜是因为正在使用vue？

所以。。。。Dom7的可用性如下所示。Dom7。。。。checkValidity方法在该服务器上可用。感觉有点像jQuery:）

<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>

 const $$ = this.Dom7

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

        console.log('Check Validity!');

      } else {

        //ajax request here
        return false;

      }