vue恢复初始数据
2023-09-27 14:22:16 时间
在vue开放中我们会遇到一个页面或者一个弹窗让他恢复到原始数据的情况,如果数据不多我们可以重设赋值一下,但数据较多的情况下会比较麻烦,这时候可以用到
this.$data,this.$options
1
this.$options.data() 这个是vue原始的数据,就是你页面刚加载时的data
this.$data 这个是现在阶段的vue数据,就是你改变data的数据
下面是一个弹窗的数据,在弹窗关闭时恢复数据,这里使用Object.assign将原始数据和现在的数据融合,会将改变的数据重置到初始状态
watch: {
ShowModal(val) {
if (!val) {
Object.assign(this.$data, this.$options.data())
}
}
}
1
2
3
4
5
6
7
如果只想让一个数据恢复到以前
this.base = this.$options.data().base
————————————————
版权声明:本文为CSDN博主「阡ゼ陌」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44705688/article/details/103069192
相关文章
- vue--动态修改标题
- Vue中使用本地json数据
- Vue + Django 2.0.6 学习笔记 6.1-6.2 商品类别数据接口
- Vue.js:使用v-model创建单选和多选下拉列表
- 「经典题」解决vue页面刷新,数据丢失的问题
- 解决vue刷新页面以后丢失store的数据
- 【VUE】父子组件通信
- 全网超详细的vue双向数据绑定的原理
- Vue核心②(MVVM、数据代理)
- vue 项目级别工程搭建-vuex的status,vue选中数据(七)
- 【Vue 开发实战】实战篇 # 38:表单初始数据、自动校验、动态赋值
- vue.js(5)学习 值插入(数据绑定)
- vue.js(4)学习生命周期钩子
- 让ie10/11支持非单页面的vue/es6
- Vue和React的对比
- vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践
- 基于vue、vuex、vue-router、echarts搭建的数据展示平台
- vue.js之数据传递和数据分发slot
- vue中$emit的用法