表单修改时，未编辑信息，点击保存按钮，提示“未进行数据修改”，不走保存接口

最新推荐文章于 2023-12-19 17:17:45 发布

原创最新推荐文章于 2023-12-19 17:17:45 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue #elementui #js

本文介绍了一个关于表单编辑过程中计数变量的变化情况。当打开表单弹窗并加载数据时，计数变量初始化为1；若编辑了表单内容，则计数变量会递增。这有助于跟踪用户是否进行了编辑操作。

笔记：

当打开表单弹框时，先获取了数据详情内容并赋值给dialogData，此时this.count的值变为1。这时，如果编辑了表单内容，this.count是大于1的值；不编辑则为1

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

n_2021

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

value.getTime is not a function表单保存后，再次进入编辑页，不做修改直接保存，日期便会报错

日常笔记/总结/系列知识梳理

10-19

1111

#问题具体描述：表单第一次保存时，这时表单保存可以直接成功；进入编辑页，不修改任何信息直接点击保存，便会出现value.getTime is not a function的保存； #问题解析： 1、第一次保存时；日期的值是date类型；是可以直接保存的； 2、第二次保存时，日期的值是数据库返回的，此时日期是string类型的；保存时便会报错； 3、第二次保存时，应把数据库返回的值转换一下；将st...

vue3 - 实现element plus表格组件table动态添加或删除行功能，表格列表动态新增插入/删除表格行，可编辑单元格/点击修改表格内数据并更新数据列表（可接口懒加载、表格分页、复杂嵌套表格

高级前端工程师

12-22

7424

vue3，element-plus，表格Table组件，el-table，动态表格，实现表格动态增加/删除/编辑表格行，带有校验规则，自定义表格增删改查，动态表格动态数据新增修改删除，vue3+Element Plus动态生成表格，并实现内容可编辑，如何实现表格动态增加/删除/编辑表格行(带校验规则)，数据有分页，懒加载如何更新，嵌套带下级的表格如何更新，不调用api接口怎么更新数据，示例代码，表格可编辑单元格自定义数据化结构新增删除取消，动态数据表格，表格动态添加或删除行，查询重置新增编辑回显删除，行内编

参与评论您还未登录，请先登录后发表或查看评论

编辑页面如果不修改就保存原来的数据_填报表之数据留痕

weixin_39860636的博客

12-06

375

随着信息时代的快速发展，报表工具的应用也越来越普遍，其中难免会涉及到很多填报需求。比如：数据采集录入填报时如何只更新当前修改行、用报表工具实现树状层级结构的填报表、web 操作数据留痕等等，今天我们主要来介绍一下 web 操作数据留痕，简单说就是填报表从 A 表取数，将 web 端修改记录更新到 B 表保存操作记录……如果您还不明白，其实就相当于记录您某个账号的登录时间地点。下面我们具体看一下。工...

vue实现表单未编辑或未保存离开弹窗提示功能

10-15

主要介绍了vue实现表单未编辑或未保存离开弹窗提示功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

69.Vue+elementUI表格点击编辑按钮后没改数据，关闭弹框，再次点击编辑按钮，弹框里数据为空（已解决）

银河与猫的博客

11-11

1996

前言：在项目开发中，发现，第一次点编辑，弹框里数据赋值过来了，但关闭弹框，再次点击此条数据的编辑按钮，会发现，弹框里所有数据都为空，这是因为第一次打开没有改变数据，没有提交，数据内容不变，所以第二次打开弹框，监听的此条数据没有变化，即监听不起作用了解决方法就是，在父组件watch里监听新增编辑弹框的visible，如果为false时，就将传给子组件的rowData数组设置为空数组。 watch:{ dialogFormAddEdit(value){ if(value == f

离开页面时检测表单元素是否被修改,提示保存的js代码

songlingmo686的专栏

05-25

535

代码如下: window.onbeforeunload = function() { if(is_form_changed()) { return "您的修改内容还没有保存，您确定离开吗？"; } } function is_form_changed() { var t_save = jQuery("#t_save"); //检测页面是否要保存按钮 if(t_sav

修改数据后点击保存按钮数据不保存

最新发布

05-05

好的，我现在需要解决用户提到的点击保存按钮后数据未保存的问题。首先，用户的问题是在点击保存按钮后数据没有保存，可能的原因有哪些呢？我需要根据提供的引用内容和其他知识来分析可能的解决方案。根据引用[1]...

Vue页面未保存时离开页面做弹框提示

阿飞

01-05

5374

当用户编辑了当前页面，而没有进行保存，离开路由时做提示

react使用antd表单赋值,用于修改弹框的操作

01-18

7、在取消方法和修改成功后中给赋空值，要不然，点击添加的方法表单里面会有值 7、OK 补充知识：react中使用antd的表单重置数据 resetFields 重置一组输入控件的值（为 initialValue）与状态，如不传入参数，则...

react 表格嵌套(主表和子表都可以新增、编辑、保存、删除、主表展开和分页国际化)

11-19

4. **删除功能**：为每一行提供删除按钮，点击后弹出确认对话框，确认后调用删除接口，从数据源中移除该行，并更新表格视图。 5. **主表展开**：主表展开功能允许用户查看或操作与主表项相关的子数据。这通常通过...

解决element表单修改值时，未保存表单内容，表格内容都同步显示

qq_44162778的博客

03-17

1260

前两天写后台管理项目遇到一个问题，在表单中修改数据，表格的数据也跟着修改，不管是不是按确定或取消按钮，表格的数据还是被修改了，要重新刷新，数据才是正常的。 //只需要把它深拷贝就迎刃而解了如下： Object.assign(表格form数据，点击编辑按钮获取的row); 看代码： //编辑按钮 handleVisible(row) { console.log(row); //ES6（解决表单编辑时，表格不管取消还是删除都同步） **Object.assign(

element-plus表单校验有数据还是提示未输入

m0_49057118的博客

12-19

910

element-plus表单校验有数据还是提示未输入

Dorado7 解决不修改数据就不能保存的问题:‘系统通知没有数据可以提交‘

tanzongbiao的专栏

11-06

214

Dorado7 解决不修改数据就不能保存的问题:'系统通知没有数据可以提交'

【问题系列】vue当编辑框被触发就出现保存按钮

热门推荐

颜淡慕潇

03-23

1万+

假设你的编辑按钮和保存按钮是两个不同的组件，并且您需要在两个组件之间传递状态，就可以使用Vue的事件系统来实现。一个表单用vue的事件实现当点击编辑按钮(或图标)出现保存按钮，当要编辑的时候只出现编辑按钮，此时保存按钮隐藏。例如，当点击编辑按钮时，触发一个事件，将状态传递给父组件，父组件根据状态来显示或隐藏保存按钮。在这个示例代码中，当编辑按钮组件被点击时，会触发一个名为。设置为true，以便在下次渲染时显示"Save"按钮。为true时，显示"Save"按钮。这样，当你点击编辑按钮时，它将触发。

离开页面提示是否保存页面修改内容的简单实现

weixin_34357436的博客

05-21

1060

在很多系统中如果我们修改了某些信息，没有保存就离开当前的页面，系统通常会提示“信息发生变化，是否要保存”等；比如当你改变了QQ中的个人基本资料，没有点“确认”或“应用”按钮，而是直接“取消”，系统会提示“您已经对设置做了修改，是否保存？”这类友好的提示在客户体验上为软件/系统增色不少，那么这类功能究竟如何实现呢？下面介绍一种简单的方式，即通过JS来控制，看下面的代码： Html代码 <s...

表单数据没改动不能提交表单js 如何写？

weixin_34324081的博客

03-25

627

2019独角兽企业重金招聘Python工程师标准>>> ...

vue详情界面编辑数据未保存返回提示弹框

The One Who's at the Front

11-23

2066

我们经常会遇到界面信息填写一半不小心滑动键盘后页面跳转数据消失的例子，最开始在使用gitLab 提交任务时会遇到此问题，感觉一点不友好，不过gitLab现在编辑数据未保存返回时有弹框提示。那如果在项目中也遇到此问题该如何实现呢？点击返回/放弃按钮出现的弹框实现思路界面数据如果都是对象可以使用watch监听实现 data() { return { updateCount: 0, formItem:{} //界面展示的数据 } }, watch:{ //监听

java中进入个人信息时没有改动值点更新提交action,如何在onclick中动态更改表单值并提交...

weixin_30908131的博客

02-24

171

I am using onclick event in anchor tag. when i clcik the anchor, I am invoking a java script function where I change the value of one input element and submit the form. The value is changed but the fo...

vue实现表单未编辑或未保存离开

weixin_55824848的博客

09-28

691

导航守卫来实现在表单未编辑或未保存时离开页面的提示。这个导航守卫会在用户离开当前路由时触发，你可以在其中检查表单是否已经编辑或保存，并根据情况给出提示。来判断表单是否已经编辑或保存。若有未保存数据，则弹出确认提示框供用户选择。如果用户确认离开，则通过调用。在该导航守卫中，我们通过检查。如果用户取消离开，则调用。