保存按钮点击后列表数据未更新，问题可能出在数据更新机制上。 下图显示了问题：
save() 函数在调用 api.SetPortOut() 后，并未正确更新列表数据。 原因在于 portdata.tabledata 数组没有被清空，而是直接添加了新数据，导致数据重复或覆盖不完整。
解决方法：在 save() 函数中，先清空 portdata.tabledata 数组，然后重新调用 GetSerID() 函数获取并更新列表数据。 修改后的 save() 函数如下：
async function save() { const data = { port_id: Number(sessionStorage.getItem('lanPortId')), state: 1, kcn_freq: Number(INS.input_kcn), inspva_freq: Number(INS.input_inspva), inspvax_freq: Number(INS.input_inspvax), bestpos_freq: Number(INS.input_bestpos), gga_freq: Number(GNSS.input_gga), rmc_freq: Number(GNSS.input_rmc), dop_freq: Number(GNSS.input_dop), gsa_freq: Number(GNSS.input_gsa), gsv_freq: Number(GNSS.input_gsv), heading_freq: Number(GNSS.input_heading), zda_freq: Number(GNSS.input_zda), gst_freq: Number(GNSS.input_gst), rawimu_freq: Number(RAW.input_rawimu), imudataa_freq: Number(RAW.input_imudataa), sta_freq: Number(OTHER.input_sta), dev_freq: Number(OTHER.input_dev), }; const SetData = await api.SetPortOut(data); const { data: res } = SetData; if (res.error_code === 0) { portdata.tabledata = []; // 清空数组 await GetSerID(); // 重新获取数据并更新列表 ElMessage({ message: res.msg, type: 'success', showClose: true }); } else { ElMessage({ message: res.msg, type: 'error', showClose: true }); }}
登录后复制
此修改确保了在保存操作成功后，列表数据会先被清空，再重新从服务器获取并更新，从而避免数据重复或不一致的问题。 请确保 GetSerID() 函数正确地将获取到的数据赋值给 portdata.tabledata。 如果问题仍然存在，请检查 GetSerID() 函数的实现逻辑。
以上就是点击保存后列表数据未更新，是什么原因导致的？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2637281.html
