동적 입력 필드에서 v-모델을 관리하기 위한 효율적인 전략
사용자에게 "추가" 버튼을 클릭하고 새 필드에 콘텐츠를 입력할 수 있는 옵션을 제공하는 양식이 있습니다. 현재 필드에 대해 동적으로 생성된 v 모델이 있지만 이를 사용하려면 설정 함수에서 각 필드를 등록/반환해야 한다는 것을 알고 있습니다.
사용자가 추가하기로 결정할 필드 수를 모르는 경우 다양한 입력 필드에 대한 v-모델을 생성하고 등록/반환하려면 어떻게 해야 합니까?
<div
v-for="(content, i) in contentFields"
:key="i"
>
<div>Content {{ i }}</div>
<q-input
:v-model="`contentName_` + i"
outlined
type="text"
dense
/>
</div></div>