Je rencontre un problème de réinitialisation des données réactives à chaque mise à jour d'un fichier JSON.

Le fichier JSON est une base de données de messages précédents qui doit être chargée initialement une fois, dans le cycle created ():

created() {
     const database = require('../../db.json');
     this.messages = database.messages
},

Côté serveur, tout nouveau message mettra à jour ce fichier JSON. Cependant, lorsque cela se produit, il déclenche une nouvelle importation dans l'application Vue et les valeurs des données sont réinitialisées.

Je voudrais importer ces données une seule fois, en charge - existe-t-il un moyen?

json vue.js
0
ogot 4 nov. 2019 à 01:32

1 réponse

Essayez de faire une copie complète de database.messages.

created(){
    ...
    this.messages = JSON.parse(JSON.stringify(database.messages));
0
bbsimonbb 3 nov. 2019 à 23:25

De nouvelles questions

5 Comment trier un tableau javascript où le premier enregistrement doit être spécifique, puis suivre par ordre décroissant
2 mettre la valeur de différentes clés dans un seul tableau
3 Changer le td ajouté par condition dans la boucle
4 Somme d'un tableau dans lequel le tableau est une propriété d'une propriété dans l'objet externe
3 JavaScript mettant à jour la valeur de l'élément de tableau
2 Comparez deux tableaux d'objets et obtenez la différence en Javascript
3 Suppression du sous-élément du fichier JSON
3 Comment accéder aux éléments de manière spécifique dans json?
3 Décoder une classe de cas, une chaîne ou un int en boucle
3 Comparez les objets imbriqués et enregistrez la différence dans un nouvel objet à l'aide de Javascript
Toutes les questions sur json >

json

JSON (JavaScript Object Notation) est un format d'échange de données textuel et indépendant de la langue. Utilisez cette balise lorsque ce format de texte est impliqué. N'UTILISEZ PAS CET ÉTIQUETTE POUR LES OBJETS NATIFS JAVASCRIPT OU LES OBJETS JAVASCRIPT LITERALS. Avant de poser une question, validez votre JSON à l'aide d'un validateur JSON tel que JSONLint (https://jsonlint.com).

json...