2

ユーザーがページ上のデータを変更するたびに、フォーム データをバックエンドに保存したい (理想的には、ユーザーが変更をやめてから保存するまで待機するタイムアウトを使用する)。

これを処理するいくつかの方法を考えました。そうするために、すべてのフィールドに変更イベントを配置できます。また、計算された変数を使用して、オブジェクトが設定されるたびに set メソッドの呼び出しを追加することもできますが、これは非常に複雑に思えます。

Vue JS でこれを行っている例はあまり見たことがありません。それを行う明確な方法はありますか?データオブジェクトが変更されたときに、次の関数を実行すると簡単に言う方法はありますか?

4

1 に答える 1

1

入力で属性を使用しdebounceます。

https://vuejs.org/guide/forms.html#debounce

watch()次に、Yerko が提案した方法を使用できます。Vue の属性はタイムアウトになるまで更新されず、その時点でwatch関数が起動します。

それが十分に強力でない場合は、setTimeout変数を保存してからキャンセルし、watchを使用して関数で再起動する必要がありますclearTimeout。これは思ったほど複雑ではなく、追加の変数と深い監視機能があるだけです。

于 2016-05-27T22:55:12.297 に答える