JS/일부 플러그인을 통해 값을 업데이트 할 때 vue js v-model의 반응성

Question

현재 VueJS의 v-model 반응성이 어떻게 작동하는지 이해하는 데 어려움을 겪고 있습니다.

필자에게 선택 필드의 스타일을 지정하는 데 도움이되는 선택 플러그인이 있지만 물론 JS를 통해 선택 필드 값을 변경합니다. 문제는 v-model이 값을 업데이트하지 못하도록하는 것입니다. document.getElementById('field').value = 'whatever', v-model은 업데이트하면 업데이트되지 않고 필드에 직접 입력하거나 실제 선택 필드를 클릭 할 때만 업데이트됩니다.

내가 읽었을 때, Vue는 input 이벤트를 수신하여 반응성을 트리거하는 것으로 보이며 JS로 필드의 값을 변경하면 이벤트가 실행되지 않고 변수의 값은 업데이트되지 않습니다. .

나는이 사실을 더 깊이 이해하고 다음에 일어날 때 이런 종류의 문제를 처리 할 가장 좋은 방법이 필요합니다. 이 이벤트에서 플러그인의 이벤트를 제어 할 수없는 최상의 솔루션은 무엇입니까? 값이 동적으로 변경되었을 때 어떻게 Vue를 청취 할 수 있습니까?

도움 주셔서 감사합니다.

Answer 1

이것이 도움이 될지 확실하지 않지만 양식 입력 요소를 살펴 보았습니까? https://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events

입력 구성 요소는 해당 구성 요소와 연결된 v-model의 값을 업데이트하기 위해 이벤트를 외부로 방출해야합니다.

당신은 또한 당신이 문제가 입력 값이 https://vuejs.org/v2/guide/computed.html#Computed-vs-Watched-Property

나는이 도움말을 희망 변경되었는지 여부를 파악하는 데 문제가있는 경우 watchers을 확인 할 수 있습니다.