当前位置: 首页 > 知识库问答 >
问题:

前端 - vue表单防止无效更新问题?

葛哲彦
2023-09-08

vue3管理系统,表单编辑功能。
在确定按钮里面绑定发送请求的事件,但是有个问题,即使没有内容变动也会发送请求。
如何设计这个表单逻辑比较完美?当表单内容有变化时再发送请求。开发经验较少,望大神赐教
目前是如果点击编辑的话,把item的数据拷贝到弹窗表单里面

共有1个答案

后树
2023-09-08

用计算属性跟踪表单的最开始的状态和当前状态,然后只在有变化时发送请求就行了,或者用watch来监听表单数据的变化,然后设置一个标记来表示有没有变化

 类似资料:
  • 我有三块地 小时——分钟——和总数 如果小时或分钟发生变化,我想计算一个总数。如果总数发生变化,我想计算相应的分钟和小时数。 例子: 1h 30分钟=1.5总计 2.25总计=2h 15分钟 我正试图用手表来达到这个目的 但是,这会导致一个循环,因为on处理程序总是调用另一个处理程序。如何以更明智的方式实现这一点?

  • 我在使用PostgreSQL 9.3。我是唯一一个处理数据库的人,我的代码按顺序运行单元测试的查询。 大多数情况下,以下更新查询运行正常,但有时会锁定PostgreSQL server。然后,查询似乎永远不会结束,而通常只需要3秒钟。我必须确定查询在单元测试上下文中运行,即数据完全相同,而锁是否发生。代码是唯一更新数据的进程。 我知道在对自更新表使用更新查询时,PostgreSQL可能存在锁问题。

  • 场景是有一个主应用里面有多个子应用,其中a应用嵌入iframe(b应用)展示,可点击弹窗大屏展示; 问题1:a应用进来iframe展示操作没问题,但是点击大屏显示的时候控制台明明打印出来数据但是b应用页面没更新,使用强制刷新forceUpdate和局部刷新this.$nextTick都不好使,使用v-if也是初次进来有触发信息但是页面还是没有显示 问题2:c应用引入iframe(b应用),有复制和

  • 问题内容: 保存hibernate对象时,hibernate中是否有设置可以 忽略 属性的 空值 ? 注意 在我的情况下,我正在通过杰克逊将JSON反序列化为Hibernate Pojo。 JSON仅包含Pojo的某些字段。如果保存Pojo,则不在JSON中的字段在Pojo中为null,然后hibernate更新它们。 我遇到了这个问题,但这不是100%的解决方案。 http://docs.jbo

  • 我的存储库中有一个方法: 此方法从api收集结果,然后将结果保存到数据库中,并返回一个flowable,其中这些位置按id从数据库中检索为: 现在,每次我改变其中的一个对象,我可以看到整个我的应用程序的变化。 为什么会这样?nt应该把这两种来源的排放结合起来吗?

  • 问题内容: 我有2页: page1.php: -具有带文本框和“提交”按钮的表单。例如: -用于将文本框的值存储到数据库的php和mysql代码。将值提交到数据库后,JavaScript会将页面重定向到。例如: page2.php -mysql从数据库检索数据并显示在此页面上。 问题: 当我按“后退”按钮时,浏览器将弹出警告消息,提示您将重新提交表单。单击“返回”按钮时如何防止重新提交表单?我是否