vue.js déplace le tableau lors de la mise à jour de la méthode d'affichage

Cet article partage principalement avec vous une méthode pour déplacer la position du tableau et mettre à jour la vue dans vue.js. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Utilisez vue.js v-for pour lier plusieurs options, et vous devez trier les options et les déplacer de haut en bas.

Vous devez échanger les positions des tableaux dans les options. Cela s'écrit généralement comme ceci :

Supposons que vous en avanciez un :

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

Cela change l'ordre du tableau, mais la vue n'est pas mise à jour ni déplacée. Pour plus de détails, consultez la description du tableau sur le site officiel de vue

Une solution consiste à changer son objet et à utiliser la méthode set de vue :

<. 🎜>

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

Recommandations associées :

Explication détaillée du rôle des vues MySQL (2) - filtrage des données, calcul des champs, mise à jour des vues

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!