vue+elementUI 数据变化但el-table表格没有更新问题

问题:

拖拽排序后保存后能看到拿到的数据是变化的,但表格没有更新
vue+elementUI 数据变化但el-table表格没有更新问题_第1张图片

解决方法:

在el-table中添加key,这个key是文档中没有说明的,设置成boolean类型,点击保存的时候更新key值就可以了。
vue+elementUI 数据变化但el-table表格没有更新问题_第2张图片
vue+elementUI 数据变化但el-table表格没有更新问题_第3张图片

原理:

vue会判断dom节点上的key是否改变,如果有变化,会产生真实DOM更新。这个问题,可以通过v-for里为什么不能使用默认index作为key的原因一个道理。
也可以传数字累加,赋值给key值。vue会通过key值改变,从而产生真实DOM更新。

   this.tableKey = !this.tableKey
   //或者
   this.tableKey = this.tableKey + 1;

你可能感兴趣的:(vue.js,elementui,javascript)