有任何posible保存web html并从中恢复吗



我的问题是如何将html所有元素保存到localstorage,然后关闭浏览器,当下次打开这个url时,它可以从localstorage恢复。我尝试过并使用了jquery,但没有达到我的期望。let nowPage = $('html').html() $('html').html(this.hispage)元素显示正确,但样式已更改,所有按钮都失去了效果。

保存并尝试恢复渲染的HTML字符串不会恢复Vue需要操作的所有数据和事件绑定;你最终会得到静态HTML。

与其尝试保存给定应用程序状态的渲染结果,不如保存导致该状态的数据;根据保存的数据初始化Vue应用程序。

例如,假设您的一个组件依赖于其模板中的isOpen变量:

<div v-if="isOpen">This panel is visible</div> 

要存储此页面,您需要存储isOpen,而不是渲染的HTML;并且使该组件从其中的localStorage读取该值CCD_ 4或CCD_。对应用程序所依赖的任何其他变量重复此操作。

(如果您使用的是vuex,您可以使用例如vuex持久状态来自动化或至少简化这个过程(。

(同时:一般来说,要非常小心将jQuery与Vue混合使用:Vue不会知道并且可能会覆盖您在jQuery中执行的任何DOM修改,jQuery可以很容易地覆盖Vue所依赖的数据和事件绑定。通常,操作应用程序底层的数据并让Vue处理将其翻译成HTML比直接将HTML作为jQuery代码操作要好得多e倾向于这样做。(

最新更新