vue恢复初始数据this.$data|vue恢复初始数据this.$data,this.$options.data()解析

2022-04-02

目录

vue恢复初始数据this.$data,this.$options.data()

vue恢复初始数据

this.$options.data()和this.$data你知多少

场所描述
主角登场

vue恢复初始数据this.$data,this.$options.data()
vue恢复初始数据
【vue恢复初始数据this.$data|vue恢复初始数据this.$data,this.$options.data()解析】在vue开放中我们会遇到一个页面或者一个弹窗让他恢复到原始数据的情况，如果数据不多我们可以重设赋值一下，但数据较多的情况下会比较麻烦，这时候可以用到
this.$data，this.$options

this.$options.data()这个是vue原始的数据，就是你页面刚加载时的data
this.$data这个是现在阶段的vue数据，就是你改变data的数据

下面是一个弹窗的数据，在弹窗关闭时恢复数据，这里使用Object.assign将原始数据和现在的数据融合，会将改变的数据重置到初始状态

watch: {ShowModal(val) {if (!val) {Object.assign(this.$data, this.$options.data())}}}

如果只想让一个数据恢复到以前

this.base = this.$options.data().base

this.$options.data()和this.$data你知多少
场所描述

如何获取vue-data中的所有值？
如何获取vue-data中的某一个值？
如何获取vue-data中的初始值？
如何设置data中的值位初始值？

主角登场
this.options.data() 和 this.data

vue恢复初始数据this.$data|vue恢复初始数据this.$data,this.$options.data()解析

文章图片

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

推荐阅读

上一篇：为Centos安装指定版本的Docker

下一篇：ASP.NET|ASP.NET Core MVC中Required与BindRequired用法与区别介绍