vue.js はビューメソッドの更新中に配列を移動します

この記事では、vue.js で配列の位置を移動してビューを更新する方法を主に説明しますので、参考になると思います。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

vue.js v-for を使用して複数のオプションをバインドし、オプションを並べ替えて上下に移動する必要があります。

オプションで配列の位置を交換する必要があります。通常は次のように書かれます:

1つ前に移動するとします:

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 公式 Web サイトの配列の説明を参照してください。

解決策の 1 つは、オブジェクトを変更して vue の set メソッドを使用することです:

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

関連する推奨事項:

MySQL ビューの役割 (2) - データのフィルタリング、計算フィールド、ビューの更新

以上がvue.js はビューメソッドの更新中に配列を移動しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。