Je suis nouveau sur Vue. Lors de la création de ce composant, j'ai rencontré des difficultés ici.
J'utilise le code suivant pour faire une requête AJAX à une API qui renvoie un tableau :
Le problème est quethis.tickets被设置为一个Proxy对象，而不是我从API获取的Array.
Qu'est-ce que je fais de mal ici ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Si vous souhaitez des informations réactives, utilisez toRawhttps://vuejs.org/api/reactivity-advanced.html#toraw
const foo = {} const reactiveFoo = reactive(foo) console.log(toRaw(reactiveFoo) === foo) // trueOu si vous ne voulez pas que le ref enveloppe vos informations, utilisez unref
https://vuejs.org/api/reactivity-utilities.html#unref
Les éléments des données comme vos tickets sont convertis en observables. C'est pour la réactivité (rendu automatique de l'interface utilisateur et d'autres fonctionnalités). C'est normal, l'objet renvoyé devrait fonctionner comme un tableau.
Consultez la documentation sur la réactivité car vous devez interagir avec le tableau selon un modèle spécifique, sinon il ne sera pas mis à jour sur l'interface utilisateur :https://v3.vuejs.org/guide/reactivity-fundamentals.html
Si vous ne voulez pas de réactivité - peut-être que vous ne mettez jamais à jour les tickets côté client et que vous souhaitez simplement les afficher - vous pouvez utiliser la méthode Object.freeze() sur réponse.data.