vue数据绑定不刷新可能情况

Posted chendeming

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue数据绑定不刷新可能情况相关的知识,希望对你有一定的参考价值。

最近在使用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,{});的方式进行一波属性空值填充。

以上是关于vue数据绑定不刷新可能情况的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js常见问题精选

Vue 下拉列表绑定数据并刷新数据(this.$set(this,“roleList“,this.roleList);)

Vue 下拉列表绑定数据并刷新数据(this.$set(this,“roleList“,this.roleList);)

WPF数据绑定,属性值更改UI不刷新其内容[重复]

Vue.js入门教程(三)双向绑定和数据渲染

初识vue