<p>Ich verwende Laravel9 und Vuejs3. Ich habe eine Blade-Ansicht, die eine PHP-Variable an eine Vue-Komponente übergibt: </p> <pre class="brush:php;toolbar:false;"><subscription-form location="{{ $props['location'] }}" Orientierung="{{ $props['orientation'] }}" /></pre> <p>Im Hauptvue, wo ich die Daten erhalte, habe ich in den Skripteinstellungen den folgenden Code: </p> <pre class="brush:php;toolbar:false;">const initProps = defineProps(['location', 'orientation']); const-Werte = reactive(initProps);</pre> <p>Dieses übergeordnete Vue ruft eine Komponente wie diese auf:</p> <pre class="brush:php;toolbar:false;"><component v-bind:is="steps[step]" v-bind:formValues="values" ></component></pre> <p>Das Problem ist, dass meine reaktiven Variablen <code>values</code> nicht in mein untergeordnetes Vue geschrieben werden können. Ich habe eine Fehlermeldung</p> <pre class="brush:php;toolbar:false;">[Vue warn] Der Vorgang zum Festlegen des Schlüssels „location“ ist fehlgeschlagen: Das Ziel ist schreibgeschützt.</pre> <p>Das passiert, wenn ich Folgendes tue: </p> <pre class="brush:php;toolbar:false;">props.formValues.location = location;</pre> <p>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. </p> <p>Hilfe! </p> <p>Ich habe versucht, die Variablen <code>initProps</code> vom Typ const auf var umzustellen, aber es hat nichts bewirkt. </p>