問題タブ [vue-apollo]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1351 参照

javascript - Apollo で楽観的な UI を使用して削除ミューテーションを処理するにはどうすればよいですか?

https://www.apollographql.com/docs/react/api/react-apollo.html#graphql-mutation-options-optimisticResponse

update物を追加することを伴うミューテーションとプロパティの使用を示すドキュメントとチュートリアルはたくさんありますが、optimisticResponse削除を伴うものは見たことがありません。

そのコードがどのように見えるべきか正確にはわかりません。create ミューテーションでは、新しいアイテムを 経由updateで Apollo キャッシュに追加し、 を使用して UI に一時コピーを追加しoptimisticResponseます。しかし、削除の場合は、データが存在しないため、削除を「表示」しても意味がありません。

これは、Vue コンポーネントのメソッドで取得したもので、部分的に正しいです。

基本的に、削除されたアイテムを Apollo キャッシュから削除する必要があることがわかりました。その部分はうまく機能しているようです。ないため、視覚的な削除はすぐには行われませんがoptimisticResponse。それは、どう書けばいいのか全く分からない部分です。

0 投票する
1 に答える
2022 参照

vue.js - vue コンポーネント外の '$apollo' にアクセスするには?

vue コンポーネントの外部で apollo にアクセスできるようにする方法。

ユーザーが存在するかどうかを確認してから、ルートをさらに進めることを許可しています。

usernameをパラメーターとして関数に渡しuserExistます。

しかし、それはエラーを出力しています:

ここに画像の説明を入力

Apollo クライアント コード