javascript - vue绑定的数据改变之后页面不能正常显示

问题描述

问 题

页面刚加载的时候图片能够正常显示，但是通过上传图片后台再回传给我后将回传的数据绑定到之前的图片数组上后，页面无法正常显示。

1、这是页面刚加载时后台给出的图片数据；

2、这是拿到数据后做的处理

3、这是页面上的渲染

4、这是批量上传图片后后台回传回来的数据，上传了6张，但是显示只显出出来前3张，在上传一张时显示1张，上传3张时显示2张，上传2、4、5张时均不显示

5、这是批量上传后对获取的数据进行的处理

解决方案

已自行解决，最后是将图片的解析方法写到vue本身method函数里面，通过

var newPics = api.data.split(',');//转换成数组
    for(var i=0;i<newPics.length;i++){
        allData.$data.picInfo[index].content.push(url+"/"+newPics[i])
    }

来进行添加

这篇关于javascript - vue绑定的数据改变之后页面不能正常显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！