最近在使用vue作为前端框架开发,由于使用到了数据绑定的功能,故而发现了一个盲区,在此爬上一坑,分享大家~
vue不会检测开始是空值的数据,或者说vue的数据监控属性的增减。举个栗子
(1)传入数据为:
var objData = {"name":"123"};
(2)在模版中使用为
<div v-for="child in childs">…此处省略50字</div>
(3)之后在将
var objData = {"name":"123","child":[…]};
页面上的数据也不会刷新
即:建议每次从后台获取数据之后,按照约定格式,使用$.extend(objData,{});的方式进行一波属性空值填充。