vue.js verschiebt das Array, während die Ansichtsmethode aktualisiert wird

Dieser Artikel teilt Ihnen hauptsächlich eine Methode zum Verschieben der Array-Position und zum Aktualisieren der Ansicht in vue.js mit. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Verwenden Sie vue.js v-for, um mehrere Optionen zu binden, und Sie müssen die Optionen sortieren und nach oben und unten verschieben.

Sie müssen die Positionen der Arrays in Optionen austauschen. Normalerweise wird es so geschrieben:

Angenommen, Sie verschieben eins nach vorne:

var index = this.options.indexOf(option); //获取当前选项对象在数组里面的索引。
var tempOption = this.options[index-1]; //存储前一个
this.options[index-1] = option;(this.options[index])
this.options[index] = tempOption;

Dies ändert zwar die Reihenfolge des Arrays, aber die Ansicht wird nicht aktualisiert und verschoben. Einzelheiten finden Sie in der Beschreibung des Arrays auf der offiziellen Vue-Website.

Eine Lösung besteht darin, sein Objekt zu ändern und die Set-Methode von vue zu verwenden:

var index = options.indexOf(option); 
var tempOption = options[index - 1]; 
Vue.set(options, index - 1, options[index]); 
Vue.set(options, index, tempOption);

Verwandte Empfehlungen:

Detaillierte Erläuterung der Rolle von MySQL-Ansichten (2) – Daten filtern, Felder berechnen, Ansichten aktualisieren

Das obige ist der detaillierte Inhalt vonvue.js verschiebt das Array, während die Ansichtsmethode aktualisiert wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!