基于Vue的数据管理方法、装置、电子设备及存储介质制造方法及图纸

技术编号:43390276 阅读:21 留言:0更新日期:2024-11-19 18:04
本申请公开了一种基于Vue的数据管理方法、装置、电子设备及存储介质,属于计算机技术领域。其中,该方法包括:识别当前页面操作,所述当前页面操作包括变更操作、撤销操作或恢复操作;在所述当前页面操作为变更操作时,获取变更后的数据,并将变更后的数据状态写入历史栈,所述历史栈用于存储页面操作的历史记录;在所述当前页面操作为撤销操作或恢复操作时,基于所述历史栈进行数据撤销或数据恢复。当用户通过Vue或其他方式修改了数据(包括直接通过JS代码修改),这些变更都会被捕获并存储到历史栈中,从而基于历史栈实现撤销和恢复处理,有效地解决了Vue.js在数据双向绑定时,浏览器原生撤销和恢复功能失效的问题。

【技术实现步骤摘要】

本申请涉及计算机,具体而言,涉及一种基于vue的数据管理方法、装置、电子设备及存储介质。


技术介绍

1、在当前的web开发实践中,vue.js作为一种广泛使用的前端框架,通过其独特的响应式系统和数据双向绑定机制极大地提升了开发效率和用户体验。然而,无论是vue2还是最新的vue3,在实现数据双向绑定的过程中,均面临着特定场景下的局限性和挑战。

2、具体而言,当vue管理的数据状态发生变动时,比如通过javascript(js)代码直接修改绑定到文本框的数据,这类操作不会被浏览器所记录,无法使用浏览器内置的回退和前进功能,即浏览器的撤销和恢复功能(如通过浏览器快捷键,在windows上使用ctrl+z、ctrl+y,或在macos上使用command+z、command+shift+z)将失效。

3、在需要频繁修改文本框内容且依赖浏览器撤销和恢复功能进行内容回溯或恢复的业务场景中,浏览器的内置撤销或恢复机制无法满足需求。

4、针对相关技术中存在的上述问题,目前尚未发现有效的解决方案。


<p>技术实现思本文档来自技高网...

【技术保护点】

1.一种基于Vue的数据管理方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,将变更后的数据状态写入历史栈包括:

3.根据权利要求2所述的方法,其特征在于,在将变更后的数据状态写入所述历史栈的最新位置之后,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,在所述当前页面操作为撤销操作时,基于所述历史栈进行数据撤销包括:

5.根据权利要求4所述的方法,其特征在于,撤销至所述第二栈指针的上一个存储位置处的数据包括:

6.根据权利要求1所述的方法,其特征在于,在所述当前页面操作为恢复操作时,基于所述...

【技术特征摘要】

1.一种基于vue的数据管理方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,将变更后的数据状态写入历史栈包括:

3.根据权利要求2所述的方法,其特征在于,在将变更后的数据状态写入所述历史栈的最新位置之后,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,在所述当前页面操作为撤销操作时,基于所述历史栈进行数据撤销包括:

5.根据权利要求4所述的方法,其特征在于,撤销至所述第二栈指针的上一个存储位置处的数据包括:...

【专利技术属性】
技术研发人员:邱涛程斌黄贤栋张达高玉石
申请(专利权)人:北京轻松怡康信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1