키에 대한 Vuejs 설정 작업이 실패했습니다. 대상이 읽기 전용입니다.

Question

저는 Laravel9과 Vuejs3을 사용합니다. PHP 변수를 vue 구성 요소에 전달하는 블레이드 뷰가 있습니다.

<구독 양식
위치="{{ $props['location'] }}"
방향="{{ $props['방향'] }}"
//>

데이터를 받는 기본 뷰의 스크립트 설정에 다음 코드가 있습니다.

const initProps = 정의Props(['location', 'orientation']);

const 값 ​​= 반응성(initProps);

이 상위 뷰는 다음과 같은 구성 요소를 호출합니다.

<컴포넌트
          v-bind:is="단계[단계]"
          v-bind:formValues="값"
></comComponent>

문제는 내 반응 변수 값을 내 자식 뷰에 쓸 수 없다는 것입니다. 오류가 발생했습니다

[Vue 경고] 키 "location"에 대한 설정 작업이 실패했습니다. 대상이 읽기 전용입니다.

다음과 같은 경우에 발생합니다.

props.formValues.location = 위치;

블레이드에서 상위 뷰로 PHP 변수를 전달할 필요가 없을 때 작동합니다. 하지만 이제 블레이드에서 기본 뷰까지, 그리고 기본 뷰에서 하위 구성 요소까지 두 가지 수준의 데이터 소품이 있으며 읽기 전용입니다.

도와주세요!

initProps 또는 values 변수를 const 유형에서 var로 전환하려고 했지만 아무 작업도 수행되지 않았습니다.

Answer 1

정말 실망스럽네요... 내 DefineProps()가 정의되지 않은 값을 반환하기 때문에 작동하지 않습니다. 문제는 대문자입니다! 변했어요 에 내 DefineProps()가 내 개체를 반환합니다! 왜 대문자에서는 작동하지 않습니까?