어레이 내의 오브젝트 각 요소에 액세스(vue + ts)

TypeError: Cannot read properties of undefined (reading '0')
at Proxy.render (form1.vue?4692:190:1)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:893:1)
form1.vue?4692:190 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '0')
at Proxy.render (form1.vue?4692:190:1)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:893:1)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?5c40:5030:1)
at ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160:1) 

에러가 발생했습니다.

<input
type="text"
class="form-control"
v-model="data['item3'][0].item1" /> 

데이터 전송처:

item3: [
{
item1: 'SSS',
item2: [{ item3: '2' }],
item3: '',
item4: '2',
item5: '',
item6: '',
item7: '',
item8: '',
item9: '',
item10: '1',
item11: '1',
},
], 

vue 페이지 데이터 대상:

const data = ref<any>({});
onMounted(() => {
data.value = props.modelValue;
if (!data.value['sheetname']) {
data.value = new E507().data;
data.value.sheetname = props.sheet.templatename;
}
console.log(data.value); }); 

data[‘item3’][0] 액세스할 수 없습니다. data[‘item3’]?[0] 바인딩으로 v-model을 할 수 없었습니다.

0번째 오브젝트에 접근할 수 있는 방법이 있나요?



질문에 대한 답변