Warum sind Objekteigenschaften in meinem JavaScript-Code (Vue) als schreibgeschützt markiert?
<p>Ich habe eine Vue 2-Anwendung, die eine Statusvariable (ein Array mit Box-Objekten) namens <code>boxes</code> hat. Ich habe eine berechnete Eigenschaft, die eine Teilmenge dieser Boxen extrahiert (<code>nearest_box_linked_boxes</code>). </p>
<p>Ich habe eine Methode, die die von <code>nearest_box_linked_boxes</code> zurückgegebenen Boxen durchläuft und den Wert eines Attributs für jedes Element ändert: </p>
<pre class="brush:php;toolbar:false;">for(let i=0;i<this.nearest_box_linked_boxes.length;i++)
{
let box = this.nearest_box_linked_boxes[i];
box.object_class = this.$store.state.selected_object_class;
box.patch();
}</pre>
<p>Diese Methode hat einen Fehler zurückgegeben: </p>
<pre class="brush:php;toolbar:false;">vue.esm.js:648 [Vue-Warnung]: Fehler im v-on-Handler: "TypeError: Die schreibgeschützte Eigenschaft „object_class“ von kann nicht zugewiesen werden Objekt '#<Box>'"</pre>
<p>Ich habe nie explizit Boxobjekte (oder deren Eigenschaften) schreibgeschützt gemacht. Ich weiß, dass ich nicht in <code>nearest_box_linked_boxes</code> (das übergeordnete Array-Objekt) schreiben kann, da es sich um eine berechnete Eigenschaft handelt, aber ich denke, es sollte möglich sein, die Eigenschaften jedes Elements in diesem Array zu ändern. </p>
<p>Habe ich ein Problem, das durch Vue und berechnete Eigenschaften verursacht wird, oder liegt es an etwas anderem? </p>