变量初始值与双向数据绑定

问题描述

从后端请求了数组arr，数组中包含了对象obj，在Vue页面data中声明了变量    dataObj:{}   接取obj，页面template中双向数据绑定dataObj中的值，对象obj中包含了图文数据

页面出现了奇怪的现象

文字自始至终都是存在的，怪异的是图片

无 0> 有1 > 无2 > 有3

包括无2之后，图片就不显示了。

有无是通过查看Vue开发者工具查看到的

尝试方案

这种现象的发生，一定是先用$nextTick的 ，我首先调整了请求数据的位置，从created换到mounted，同时配上了$nextTick，但是无效

我使用延时器，延时将obj的值赋予dataObj，延时>600有效解决，延时<500无效

我人麻了，受一位大哥提醒，是不是被多次赋值，

...

我顿时醒悟，为什么？我没有想到？我脑子里都是屎么

最终解决方案

将    dataObj: {}   改为   dataObj: null

完美解决。