Question

由vue制作的按钮（单个组件）。

<template>
  <div>
    <input type="submit" class="button_orange button_big" value="Register" v-show="!isSubmitting" @click="startSubmit">
    <div class="button_disable button_big" v-show="isSubmitting">Register</div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        isSubmitting: false,
      };
    },
    methods: {
      startSubmit() {
        if (form.checkValidity()) {
          this.isSubmitting = true;
        }
      },
      reset() {
        this.isSubmitting = false;
      },
    },
  };
</script>

目前的问题是如何将表单传递给vue以使用checkValidity（）方法。 laravel blade是以下类型的源代码。如果有想法如何将形式从刀片传递到vue，请帮助。

<form>
  <input type="text" name="test">
  <submit-button></submit-button>
</form>

Answer 1

这有什么问题？

document.querySelector("form").checkValidity()

（当然这需要将此作为页面上唯一的表单，所以如果可以的话，你应该在表单上有一个ID，而不是像document.querySelector("#myForm01").checkValidity()那样。）

Vue / Laravel如何将形式从刀片传递到vue以使用checkValidity

1 个答案: