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

问题描述

问 题

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

解决方案

问题已经搞定，是我自己的锅。。
解决思路：
在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);

这篇关于ajax请求下来的数据怎么添加set和get方法，能让vue.js在页面响应？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！