In Nuxt.js erfahren Sie, wie Sie ein Objekt im Datenattribut in ein Array verschieben

Question

Ich möchte in meinem Nuxt-Projekt ein Objekt in ein Array innerhalb eines Datenattributs verschieben. Aber ich erhalte eine ähnliche Fehlermeldung

Eigenschaft von undefiniert kann nicht gelesen werden (lesen Sie „Push“)

Das ist mein js-Teil

<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

我像上面一样尝试了你的代码。当我点击按钮时，它正在工作。您可能无法访问 form.gallery，因为触发的 uploadGallery 处于错误的生命周期挂钩中。