Comment vue.js déplace la position du tableau et met à jour la vue

Cette fois, je vais vous montrer comment vue.js déplace la position du tableau et met à jour la vue exploite le tableau pour déplacer la position. et met à jour la vue. Choses à noterQuels sont les éléments suivants ? Jetons un coup d'œil à des cas réels.

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, voir la description du tableau sur le site officiel de vue

Une des solutions est de changer son objet et d'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);

Je pense que vous avez lu le cas dans cet article. Vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment publier un projet vue via le BAE de Baidu

Pourquoi la requête http axios ne peut pas être utilisée dans vue2

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!