vxe-table中vxe-grid组件中表格数据更新问题
当使⽤<vxe-grid>组件时,利⽤sort()⽅法对某⼀列进⾏数据的实时排序
<template>
<vxe-grid
ref="userGrid"
:columns="tableColumn"
:data="tableData"
>
</vxe-grid>
</template>
<script>tabletime
methods: {
realTimeSort(){  // 实时排序
var sortColumnData = this.$SortColumns()  // 获取需要排序的列
this.$refs.userGrid.updateData()  // 更新排序的数据
this.$refs.userGrid.sort(sortColumnData.property, der)  // 排序
},
getTableData(){    // 从后台实时获取数据
......
}
}
</script>
当表格数据变化时,利⽤getTableData()函数可以发现表格在实时变化。但就算表格数据在实时变化,如果在每次获取表格数据后利⽤sort()进⾏排序也不能实现实时排序,必须在排序前加updateData()函数才能实现实时排序。
个⼈认为可能是第⼀次点击排序时就记下了那个时间点的表格数据,以后每次调⽤也都是利⽤该时间点的表格数据进⾏排序,因此不能实现实时排序,⽽调⽤updateData()函数便更新了排序使⽤的表格数据。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。