vue循环遍历出现错误

Question

vue以字符串切割照片，然后v-for去遍历时，第一页照片正常，点击分页之后就变成了下面那个样子，点击切换回去后原来页面里照片也不见了，是什么原因造成的呢？

<el-table-column label="sc照片" align="center" width="145" prop="sczp">
            <template slot-scope="scope">
              <div style="display: flex">
                <div v-for="(item, index) in scope.row.sczp" :key="index">
                  <ImagePreview v-if="item" width="50px" height="50px" style="margin-left: 10px" :src="item" />
                </div>
              </div>
            </template>
          </el-table-column>

 listCarEasy(arr).then(response => {
          response.rows.map(item => {
            if (item.sczp) item.sczp = item.sczp.split(';');
          })

Answer 1

那你分页时 打印一下 数据看看 对不对 ，多半是数据处理不对