[Bot]

Yo, comme montré dans le titre je fait face à un problème d’accès en Vue, en fait j’essaye de lire un fichier json en utilisant fetch, pour render ma page web, cependant mon navigateur me dit que je n’ai pas d’accès aux attributs, voici les codes :

export default {
  components: {
    Window,
  },
  setup() {

    const currentDate = new Date();
    const year = currentDate.getFullYear();
    const month = String(currentDate.getMonth() + 1).padStart(2, '0');
    const day = String(currentDate.getDate()).padStart(2, '0');

    return {
      splitterModel : ref(50),
      items : [],
      date_events : [],
      date : `${year}/${month}/${day}`,
    }
  },
  async created() {

      let JsonData = {};

      await fetch('/calendar_index.on')
          .then(response => response.on())
          .then(on => {
            JsonData = on;
            this.items = JsonData.Entries;

            let item;
            this.date_events = [];
            for(item in this.items){
              this.date_events.push(this.items[item].EventDate);
            }
          });

    // this.getEventEntries();
    console.log(this.items)
  },

——————–
Warez Flow – Envoyé depuis le Discord : Culte du code

Sujet

[Bot]

    



      
        

          
        
      

      

          
            
              
{{item.EventDate}}
              {{ item.Content }}

            

          

      

    

——————–
Warez Flow – Envoyé depuis le Discord : Culte du code

[Bot]

Et j’ai une erreur pour chaque attribut que j’essaye d’accéder :

[Vue warn]: Property "items" was accessed during render but is not defined on instance. 
  at  
  at  
  at  
  at <Planning onVnodeUnmounted=fn ref=Ref > 
  at  
  at  
  at 

——————–
Warez Flow – Envoyé depuis le Discord : Culte du code

[Bot]

Si vous avez une idée de comment modifier le JS pour fetch et gérer tout ça avant la création du HTML je suis preneur

——————–
Warez Flow – Envoyé depuis le Discord : Culte du code

[Bot]

Fixed, il fallait remplacer setup() { par data(){

——————–
Warez Flow – Envoyé depuis le Discord : Culte du code

[Auteur]

Réponses