Vue 配列をプロキシ オブジェクトに変換する

Question

私は Vue を初めて使用します。このコンポーネントを作成しているときに、ここで問題が発生しました。

次のコードを使用して、配列を返す API に対して AJAX リクエストを作成します。 リーリー

問題は、

this.tickets が API から取得した Array ではなく、Proxy オブジェクトに設定されていることです。

私はここで何を間違っているのでしょうか?

Answer 1

応答性の高い情報が必要な場合は、toRaw を使用してください https://vuejs.org/api/reactivity-advanced.html#toraw

リーリー

または、ref ラッパーで情報を囲みたくない場合は、unref

を使用します。

https://vuejs.org/api/reactivity-utilities.html#unref

Answer 2

チケットなどのデータ内の項目は、監視可能なオブジェクトに変換されます。これは応答性 (UI やその他の機能の自動再レンダリング) のためです。これは予期されたことであり、返されたオブジェクトは配列のように機能するはずです。

特定のパターンで配列を操作する必要があるため、反応性のドキュメントを確認してください。そうしないと UI で更新されません: https://v3.vuejs.org/guide/reactivity-fundamentals.html

応答性を望まない場合、おそらくクライアント側でチケットを更新せず、チケットを表示したいだけである場合は、response.data で Object.freeze() メソッドを使用できます。