溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
使用vue.js v-for綁定若干個選項，需要對選項進行排序上下移動操作。
需要對options里面數組的位置進行交換，通常是這樣來寫：
假設向前移動一個：
var index = this.options.indexOf(option); //獲取當前選項對象在數組里面的索引。 var tempOption = this.options[index-1]; //存儲前一個 this.options[index-1] = option;(this.options[index]) this.options[index] = tempOption;
這樣的確改變了數組的順序，但是視圖卻沒有更新移動。詳見vue官網數組的描述.
解決辦法之一是改變他的對象，使用vue的set方法：
var index = options.indexOf(option); var tempOption = options[index - 1]; Vue.set(options, index - 1, options[index]); Vue.set(options, index, tempOption);
以上這篇vue.js移動數組位置,同時更新視圖的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
