在Nuxt.js中如何将对象推送到数据属性中的数组

Question

我想将对象推入我的 nuxt 项目中数据属性内的数组中。但我收到类似的错误

无法读取未定义的属性（读取“push”）

这是我的 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

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