동적 입력 필드에서 v-모델을 관리하기 위한 효율적인 전략

Question

사용자에게 "추가" 버튼을 클릭하고 새 필드에 콘텐츠를 입력할 수 있는 옵션을 제공하는 양식이 있습니다. 현재 필드에 대해 동적으로 생성된 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>

Answer 1

간단한 동적 v-모델이 포함된 다음 코드 조각을 살펴보세요.

으아아아 으아아아