问题是这样的：右侧是报表列配置，可以控制字段显示隐藏，可以拖拽控制列的位置变换，问题出现了，就拖拽的时候，数据顺序是变换了，视图就是没有刷新

 

我们写了一个 配置报表列的组件，每个页面含有这个表格，都需要配置报表列组件，将 表名，以及报表列数据，传递进去

 

在拖拽完成之后，点击保存的时候，我们发现数据已经更新了，但是视图没有更新，之前碰到了这个问题，我就直接使用 this.$forceUpdate() 去处理，可是这里好像不行

 

解决这种视图刷新的方法有

 

$forceUpdate() 但是建议少用

 

v-if 也是会重新渲染DOM

 

this.$nextTick(), setTimeout()

 

或者结合 updated()方法做处理

 

这里我们使用的是直接使用 this.$nextTick(), v-if

 

表格重新 v-if 渲染