v-model이 Vue 3의 <comment>와 작동하지 않습니까?

Question

为什么in下side示例中 v-model 没有绑定到我的输入? 어떤 것이 있나요?

<스크립트 설정>
'vue'에서 { 참조 } 가져오기

const 구성 = 참조({
  헤더: [
    { 필드: 'id', 라벨: 'Id', 구성 요소: { 유형: 'input' } }, 
    { 필드: '이름', 라벨: '이름', 구성요소: { 유형: '입력' } },
    // 라디오 버튼 및 기타 맞춤 구성요소에 대한 추가 구성
  ],
  데이터: [
    { ID: 1, 이름: 'foo' },
    { ID: 2, 이름: '바' }
  ]
})
</스크립트>

<템플릿>
  <테이블>
    <tr>
      <td v-for="config.headers의 헤더">
        <b>{{ header.label }}</b>
      </td>
    </tr>
    <tr v-for="config.data의 항목">
      <td v-for="config.headers의 헤더">
        <컴포넌트:is="header.comComponent.type" v-model="항목[header.field]" />
      </td>
    </tr>
  </테이블>
  {{ 구성.데이터 }}
</템플릿>

Answer 1

Vue v-model는 기본 요소에 적합합니다.

하지만 분명히

에서는 작동하지 않습니다.

코드 생성

으아악

매우 빠른 해결책은 值바인딩을 직접 구현하는 것입니다.

으아악

그러나 value 而不是 modelValue를 사용하려면 그에 따라 구성 요소를 업데이트해야 합니다.

업데이트

v-model:value 的解决方法仅以一种方式起作用，与 :value을 사용하는 것과 동일합니다.

으아악

으아악 으아악 으아악