ajax请求下来的数据怎么添加set和get方法,能让vue.js在页面响应?

在data中定义了imgList,使用H5上传图片,点击文件上传按钮时,会将文件信息对象push到imgList数组中,另外我对每一项多赋值了几个属性,在视图层会根据imgList数组的每一项的新添加属性的状态来做响应,但是imgList每一个属性并没有set和get方法,所以虽然值变化了但是并没有被vue响应,有什么办法可以添加set和get方法吗?(尝试过最后截图的方式不过没有用)
clipboard.png

clipboard.png

clipboard.png

clipboard.png

阅读 5.7k
1 个回答

问题已经搞定,是我自己的锅。。
解决思路:
在data里面定义一个数组,在upload成功上传的回调函数里面,创建一个obj对象,将其push到之前定义的数组即可响应;
另外如果要加响应的属性需要这样写:
this.$set(this.curEditImgInfo, 'hotelList', []);
this.$set(this.curEditImgInfo, 'hotelNameArr', []);
this.$set(this.curEditImgInfo, 'hotelIdArr', []);
this.$set(this.curEditImgInfo, 'selectedAll', true);
this.$set(this.curEditImgInfo, 'showSelectedBox', false);
this.$set(this.curEditImgInfo, 'isSubmit', true);

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题