Vue 3 컴포지션 API의 양방향 양식 데이터 바인딩

Question

Vue에서 옵션 API에서 구성 API로 전환하기 시작했습니다.

양방향 바인딩을 구현하려고 하는 다음 코드 블록이 있습니다.

슬라이더 입력을 위해 ant-design-vue 라이브러리를 사용하고 있습니다. 그리고 슬라이더 값을 입력 필드에 바인딩해 보세요.

으아악

위 코드를 사용하면 Vue 개발 도구에서 검사할 때 inputValue1 값이 변경되지 않습니다.

Vue 3 컴포지션 API에서 두 가지 바인딩 방법을 사용하는 방법은 무엇입니까?

샌드박스 링크: https://stackblitz.com/edit/vue-pchhub?file=src%2FApp.vue

Answer 1

이 작업을 수행하려면 v-model:value="..."을 사용해야 하는 것 같습니다.

으아악