메서드에 대한 양식 제출을 연기하시겠습니까?

메서드에 대한 양식 제출을 연기하시겠습니까?

폼이 있습니다.

<form id="myForm" @submit.prevent="doSomething()">...</form>

인doSomething()수표를 발행하고 만약 사실이라면 양식을 제출하고 싶습니다.확인 후 양식을 제출하려면 어떻게 해야 하나요?

양식에 참조 속성 추가

를 추가할 수 있습니다.ref폼 요소에 속성을 지정합니다.그리고 나서doSomethingmethod를 통해 폼을 제출할 수 있습니다.this.$refs.form.submit().

템플릿:

<form id="myForm" ref="form" @submit.prevent="doSomething()">...</form>

Vue 구성 요소 방법:

doSomething() {
  // do something

  this.$refs.form.submit();
}

참고문헌에 대한 자세한 내용은http://https://vuejs.org/v2/api/ #ref 를 참조해 주세요.

이벤트 개체를 메서드에 전달합니다.

이벤트 오브젝트를 다음에 전달할 수도 있습니다.doSomething추가함으로써$eventparam. 이것은 메서드에 대상 요소에 대한 참조를 제공합니다.

템플릿:

<form id="myForm" @submit.prevent="doSomething($event)">...</form>

Vue 구성 요소 방법:

doSomething(e) {
  // do something

  e.target.submit();
}

언급URL : https://stackoverflow.com/questions/42697809/defer-form-submission-to-a-method