Vue 双向绑定数据已经更新，但是视图更新：

使用ElementUI做动态增减表单项的时候，发现数据刷新后视图未更新

 

 

• Vue包装了数个数组操作函数，使用这些方法操作的数组去，其数据变动时会被vue监测：
  
  • push()
  • pop()
  • shift()
  • unshift()
  • splice()
  • sort()
  • reverse()
  • vue2.0还增加个方法可以观测Vue.set(items, indexOfItem, newValue)
  • filter(), concat(), slice() 。这些不会改变原始数组，但总是返回一个新数组。当使用非变异方法时，可以用新数组替换旧数组
• Vue 不能检测以下变动的数组：
  
  • ① 当你利用索引直接设置一个项时，vm.items[indexOfItem] = newValue
  • ② 当你修改数组的长度时，例如： vm.items.length = newLength

VUE——ElementUI  ；；；官方文档：：：

 

 但是发现数据确实是改变了，但是视图就是没有发生变化

 

 

始终是不会改变：：：：：解决方案：：：

v-for 循环产生的 加载后的数据，即使双向绑定之后，数据发生了改变，但是视图没有重写渲染

所以使用this.$forceUpdate()可以重新渲染组件，这样就可以得到想要的效果。

：  this.$forceUpdate();