有关可编辑单元格问题
来源:6-7 表格组件-实现可编辑单元格功能
johnny_2008
2023-02-02
老师您好,
请问,如何做到在点击单元格时,在输入框修改数据后,不点击确认图标的情况时,再点击其他单元格后,上次修改的单元格数据不同步更新呢?也就是说修改任意单元格的数据,只要不点击确认,单元格的数据始终不会更新
查看日志,props.data
始终和 tableData
保持同步
// 拷贝一份表格的数据
let tableData = ref<any[]>(cloneDeep(props.data));
解决了,需要修改如下代码
let stopWatchData = watch(
() => props.data,
(val) => {
watchData.value = true;
tableData.value = val; // 需要 cloneDeep
tableData.value.map((item) => {
item.rowEdit = false;
});
if (watchData.value) stopWatchData();// 删除此行代码,因为翻页后数据不能同步
},
{ deep: true } // 修改 deep:false 是否可以只监听 props.data 值的变化,请老师赐教
);
写回答
1回答
-
五月的夏天
2024-12-30
这样需要单独再拷贝一发源数据,先将源数据保存下来,然后再根据点击的区域做判断,如果没有点击确认,则将拷贝的数据赋值给编辑的数据
00
相似问题
关于封装表单编辑器的疑问
回答 1
视频13:56这块好像没有问题
回答 3