Wie vue.js die Array-Position verschiebt und die Ansicht aktualisiert

Dieses Mal zeige ich Ihnen, wie vue.js die Array-Position verschiebt und die Ansicht aktualisiert und aktualisiert die Ansicht. Notizen Was sind die folgenden?

Verwenden Sie vue.js v-for, um mehrere Optionen zu binden. 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. Weitere Informationen finden Sie in der Beschreibung des Arrays auf der offiziellen Vue-Website.

Eine der Lösungen 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);

Ich glaube, Sie haben den Fall in diesem Artikel gelesen. Sie beherrschen die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So veröffentlichen Sie ein Vue-Projekt über Baidus BAE

Warum Axios-HTTP-Anfragen nicht in vue2 verwendet werden können

Das obige ist der detaillierte Inhalt vonWie vue.js die Array-Position verschiebt und die Ansicht aktualisiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!