在data中定义了imgList,使用H5上传图片,点击文件上传按钮时,会将文件信息对象push到imgList数组中,另外我对每一项多赋值了几个属性,在视图层会根据imgList数组的每一项的新添加属性的状态来做响应,但是imgList每一个属性并没有set和get方法,所以虽然值变化了但是并没有被vue响应,有什么办法可以添加set和get方法吗?(尝试过最后截图的方式不过没有用)
在data中定义了imgList,使用H5上传图片,点击文件上传按钮时,会将文件信息对象push到imgList数组中,另外我对每一项多赋值了几个属性,在视图层会根据imgList数组的每一项的新添加属性的状态来做响应,但是imgList每一个属性并没有set和get方法,所以虽然值变化了但是并没有被vue响应,有什么办法可以添加set和get方法吗?(尝试过最后截图的方式不过没有用)
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.4k 阅读✓ 已解决
4 回答1.9k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
问题已经搞定,是我自己的锅。。
解决思路:
在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);