Nuxt.js에서 데이터 속성의 배열에 객체를 푸시하는 방법

Question

Nuxt 프로젝트의 데이터 속성 내부 배열에 개체를 푸시하고 싶습니다. 하지만 비슷한 오류가 발생합니다

정의되지 않은 속성을 읽을 수 없습니다('푸시' 읽기)

이것은 내 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

위와 같이 코드를 시도해 보았습니다. 버튼을 클릭하면 작동합니다. 트리거된 uploadGallery가 잘못된 수명 주기 후크에 있기 때문에 form.gallery에 액세스하지 못할 수 있습니다.

으아아아