Vue: 양식 값 바인딩이 충분히 빠르게 업데이트되지 않음

다음을 수행하는 mounted 메서드만 있는 간단한 구성 요소가 있다고 가정해 보겠습니다.

this.myValue = 'a value'

$(this.$el).parent('form').submit()

내 구성 요소 html은 다음과 같습니다.

<form action="http://…">
    <input type="text" :value="myValue">
</form>

보시다시피 jQuery를 사용하여 양식을 제출하고 값 할당과 양식 제출이 모두 동일한 함수에서 발생하면 __빈 데이터가 제출됩니다__. 지연 없이 시간 초과를 사용하여 이 문제를 해결할 수 있지만 물론 이상적이지는 않습니다.

setTimeout(() => {
    $(this.$el).parent('form').submit()
})

이것은 마운트된 메서드가 아닌 경우에도 발생하지만 예를 들어 on blur out 이므로 페이지 로드 또는 지연과 관련이 없습니다. :value 대 v-model 마찬가지입니다.

Vue나 JS의 내부는 잘 모르지만 아직 값을 할당할 수 없기 때문인 것 같습니다. 시간 초과를 사용하면 다음 틱에서 제출이 발생합니다.