問題タブ [vue-resource]

この質問は、@ nils のおかげでこの問題を解決した後に出てきました。誰かが私を助けてくれることを願っています!

実際、レコードのリストがあり、そのうちのいくつかを選択して、ワンクリックで削除できます。

上記のコードは正常に機能していますが、私が行っていることが正しいかどうか、またはいつでも壊れる可能性があるかどうかはわかりません!

そこで、Array.filter() 内のレコードを削除するために HTTP リクエストを実行しています... そうですか? 私はそれがまったく正しくないと感じています！

配列this.listはオブジェクトのリストの場所であり、this.selected配列には削除するために選択された ID が含まれています。

次に、HTTP リクエストが正常に処理された場合は obj を削除し、そうでない場合は保持します。

それを行うにはどうすればよいと思いますか。

- - - - -編集 - - - - -

JSBin を追加して、必要なものを明確にします!

実際、スクリプトに問題が見つかりました...配列からアイテムを削除するためのajax応答を待たないため、それらのレコードの一部を削除できなかった場合、配列からも削除されます

誰か？

JSビン

Laravelで使用https://github.com/matfish2/vue-tablesしています。

これはビューコードです:

DB から tableData のデータを取得するにはどうすればよいですか? Vue リソース? /api/footage私は私に次を与えるルートを持っています

現在、User と Footage は 1 対多の関係にあります。各エントリのユーザーも表示するにはどうすればよいですか? ( edit と delete の ID も)

これはブレードコードです

よろしくお願いします。

vue-resource による ajax リクエストを使用して、vuejs にデータを入力しようとしています。

しかし、vue-resource がコンソールに返されるように要求すると、次のメッセージが返されます: Uncaught TypeError: Cannot redefine property: $url

エラーはコードで発生します:

Vue DevTools で見つかった値が正しいという奇妙な問題が発生しています。期待どおりにデータで宣言されています。項目の [編集] を初めてクリックすると、ブラウザ ウィンドウにも正しい値が表示されます。

ただし、数量が異なるアイテムの [編集] をクリックすると、値が間違っていても同じ値が再び表示されます (データベースから事前入力されているはずです)。

次に、最初の「編集」項目をもう一度クリックすると、その値が以前の値で更新されます!

最もクレイジーな部分は、ブラウザ ウィンドウに正しい値が表示されていないのに、常に正しい結果が Vue DevTools に表示されていることです。下の画像の丸で囲まれた項目は、「数量」が 100 の UUID であり、正しい値です。まだ 700 が表示されています (前の編集項目の値)。これまでにこれが起こったことがあり、何が起こるか知っている人はいますか?

関連するコードの一部を次に示します (vue-resource を使用する Vue コンポーネントからのもので、これは Laravel プロジェクトのブートストラップ モーダルで行われています)。

ビュー JS

HTML

Main.js vue ディレクティブ:

edit.blade.php ファイルのスクリプト: