Dans Nuxt.js, comment pousser un objet vers un tableau dans l'attribut de données

Question

Je souhaite placer un objet dans un tableau à l'intérieur d'un attribut de données dans mon projet nuxt. Mais j'obtiens une erreur similaire

Impossible de lire la propriété non définie (lire 'push')

C'est ma partie js

<script>
export default {
  data() {
    return {
      form: {
        gallery: [{
          id: null,
          imgurl: null
        }]
      }
    }
  },

  methods: {
    async uploadGallery() {
      var myimg = "imageurl getting after upload";
      var imgData = {};
      imgData['imgurl'] = myimg;
      imgData['id'] = "someid";
      this.form.gallery.push(imgData);
    },
  }
}
</script>

Answer 1

J'ai essayé votre code comme ci-dessus. Quand je clique sur le bouton, cela fonctionne. Vous ne pourrez peut-être pas accéder à form.gallery car le uploadGallery déclenché se trouve dans le mauvais hook de cycle de vie.