Maison  >  Questions et réponses  >  le corps du texte

"Erreur 'blogItems' non définie" lors de la tentative de mise à jour des variables de données Vue

J'essaie d'obtenir toutes les publications de Firebase et de les ajouter à un tableau, mais j'obtiens l'erreur suivante :

Uncaught (in promise) TypeError: Cannot read property 'blogItems' of undefined

Voici le script :

export default {
    data(){
      return{
        blogItems: []
      }
    },
    mounted(){
      this.getPosts();
    },
    methods:{

      getPosts(){

        database.collection('blog').doc('yP6aYXvisFbTsqtQ3MEfuyz6xYE3').collection('posts').get().then(snapshot =>{

          const posts = snapshot.docs.map(doc => doc.data())
          posts.forEach(function(post){
            this.blogItems.push(post.content)
          })
        })
        
      },

    }

  }

P粉262073176P粉262073176422 Il y a quelques jours519

répondre à tous(1)je répondrai

  • P粉835428659

    P粉8354286592023-09-16 00:09:32

    Dans votre cas, ce serait this.blogItems中的this更改为posts.

    Vous avez deux solutions

    1. Stockez this dans une variable et utilisez-la

      getPosts(){
        let tis = this;
      
       database.collection('blog').doc('yP6aYXvisFbTsqtQ3MEfuyz6xYE3').collection('posts').get().then(snapshot =>{
      
         const posts = snapshot.docs.map(doc => doc.data())
         posts.forEach(function(post){
           tis.blogItems.push(post.content)
         })
       })
      
       },

    1. Utilisez les fonctions fléchées

      getPosts(){
      
       database.collection('blog').doc('yP6aYXvisFbTsqtQ3MEfuyz6xYE3').collection('posts').get().then(snapshot =>{
      
         const posts = snapshot.docs.map(doc => doc.data())
         posts.forEach((post) => {
           this.blogItems.push(post.content)
         })
       })
      
       },

    répondre
    0
  • Annulerrépondre