vxe-table操作源数据后更新暂存数据

vxe-table是一款Vue.js的数据表格组件，它允许你在前端高效地展示和处理数据。当你说“操作源数据后更新暂存数据”，通常是在指对用户输入或其他实时变化的数据源进行处理，并将这些变化保存到一个临时的地方，比如Vuex状态管理中的store，或者自定义的一个变量里，以便于后续可能的显示、验证或提交。

步骤大致如下：

1. **监听数据源变化**：使用`watch`或者`v-model`指令，你可以监控源数据的变化，例如表单输入或者API响应。

watch('sourceData', (newVal, oldVal) => {
   // 当源数据有变化时，执行更新操作
}, { deep: true }); // 如果数据结构复杂，需要深监听

2. **处理并更新暂存数据**：在数据变化的回调函数中，处理新的数据并将其同步到暂存数据中。

const tempData = ref([]);
updateTempData(newVal) {
   tempData.value = newVal; // 或者直接赋值给Vuex store中的某个key
}

3. **刷新视图**：如果需要，可以触发表格组件的`refetch`方法或手动设置其`data`属性，使得表格自动更新显示最新的暂存数据。

tempData.value.forEach(row => tableData.push(row)); // 更新表格内的数据
table.refetch(); // 使用vxe-table提供的方法