Der Set-Vorgang von Vuejs für den Schlüssel ist fehlgeschlagen: Das Ziel ist schreibgeschützt

Question

Ich verwende Laravel9 und Vuejs3. Ich habe eine Blade-Ansicht, die eine PHP-Variable an eine Vue-Komponente übergibt:

<subscription-form
location="{{ $props['location'] }}"
Orientierung="{{ $props['orientation'] }}"
/>

Im Hauptvue, wo ich die Daten erhalte, habe ich in den Skripteinstellungen den folgenden Code:

const initProps = defineProps(['location', 'orientation']);

const-Werte = reactive(initProps);

Dieses übergeordnete Vue ruft eine Komponente wie diese auf:

<component
          v-bind:is="steps[step]"
          v-bind:formValues="values"
></component>

Das Problem ist, dass meine reaktiven Variablen values nicht in mein untergeordnetes Vue geschrieben werden können. Ich habe eine Fehlermeldung

[Vue warn] Der Vorgang zum Festlegen des Schlüssels „location“ ist fehlgeschlagen: Das Ziel ist schreibgeschützt.

Das passiert, wenn ich Folgendes tue:

props.formValues.location = location;

Es funktioniert, wenn ich keine PHP-Variablen vom Blade an das übergeordnete Vue übergeben muss. Aber jetzt habe ich zwei Ebenen von Daten-Requisiten, vom Blade zum Haupt-Vue und dann vom Haupt-Vue zur Unterkomponente, und sie sind schreibgeschützt.

Hilfe!

Ich habe versucht, die Variablen initProps vom Typ const auf var umzustellen, aber es hat nichts bewirkt.

Answer 1

我很失望... 这不起作用，因为我的 DefineProps() 返回未定义 问题是：大写字母！ 我更改了 到 我的 DefineProps() 返回我的对象​​！ 为什么这不适用于大写字母？