问题:
拖拽排序后保存后能看到拿到的数据是变化的,但表格没有更新

解决方法:
在el-table中添加key,这个key是文档中没有说明的,设置成boolean类型,点击保存的时候更新key值就可以了。


原理:
vue会判断dom节点上的key是否改变,如果有变化,会产生真实DOM更新。这个问题,可以通过v-for里为什么不能使用默认index作为key的原因一个道理。
也可以传数字累加,赋值给key值。vue会通过key值改变,从而产生真实DOM更新。
this.tableKey = !this.tableKey
//或者
this.tableKey = this.tableKey + 1;
当在el-table中进行拖拽排序并保存后,虽然数据已更新,但表格未显示变化。为解决此问题,可以在el-table中添加一个未在文档中明确说明的key属性,并设置为布尔类型。在保存时更新key值,如切换其布尔状态或递增数值,Vue会检测到key的变化并触发DOM更新,从而使得表格显示最新的排序状态。
6585

被折叠的 条评论
为什么被折叠?



