vue恢复初始数据

在项目开发过程中我们会遇到一些想要返回到初始打开页面时的原始数据、这个过程如果数据过多的情况下、重新赋值会比较麻烦、这个时候可以用到

this.$options.data();  // 获取到原始数据
this.$data; // 获取的是更改后的数据

通过一些简单地事件、我们就拿到了初始数据和更改后的数据、接下来就可以直接赋值、

data() {
        return {
            str:'初始数据'
        }
    },
    methods:{
        click(){
            this.str = '更改后的数据'
            console.log(this.$options.data()); // 获取到原始数据
            console.log(this.$data);  // 获取的是更改后的数据
        }
    },

我们也可以单独的恢复一个数据

 this.str = this.$options.data().str; // 只让str数据恢复

原文链接：https://blog.csdn.net/weixin_44705688/article/details/103069192

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容