Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象
this.$data获取当前状态下的data
this.$options.data()获取该组件初始状态下的data。
object.assign(this.$data, this.$options.data())

使用场景:有一个表单,表单提交成功后,希望组件恢复到初始状态,重置data数据。

然后只要使用Object.assign(this.$data, this.$options.data())就可以将当前状态的data重置为初始状态。

要重置 data 中某个对象或属性:this.params = this.$options.data().params

vue中怎么重置data和data中某个属性的初始状态?相关推荐

  1. [vue] vue中怎么重置data?

    [vue] vue中怎么重置data? 初始状态下设置data数据的默认值,重置时直接bject.assign(this.$data, this.$options.data())说明: this.$d ...

  2. vue项目中css样式如何使用data中定义的动态变量

    vue项目中css样式如何使用data中定义的动态变量 直接上代码: 在这里是因为需要根据接口返回的数据控制对应父级盒子的高度以及子级盒子的宽度,所以需要用到动态样式.具体代码如下: <temp ...

  3. Vue 中data 和 data() 区别

    Vue 中data 和 data() {return {};}区别 一般简单Vue实例(常见教程视频中) new Vue({el: "#id",data: {message: &q ...

  4. spring boot中data truncation data too long for column问题

    为什么80%的码农都做不了架构师?>>>    问题 根据报错可知,就是之前在数据库中定义的字段太短了,存不下新的数据 解决 @Column(length = 3000)privat ...

  5. 在Data Lake Analytics中使用视图

    在Data Lake Analytics中使用视图 1. 概述 在Data Lake Analytics(以下简称DLA)中使用视图(VIEW)功能,可以大大简化对于重复SQL,特别是较为复杂的SQL ...

  6. 解决Android中的ERROR: the user data image is used by another emulator. aborting的方法

    解决Android中的ERROR: the user data image is used by another emulator. aborting的方法 今天调试代码的时候,突然出现这个错误,折腾 ...

  7. 在Data Lake Analytics中使用视图 1

    在Data Lake Analytics中使用视图 1. 概述 在Data Lake Analytics(以下简称DLA)中使用视图(VIEW)功能,可以大大简化对于重复SQL,特别是较为复杂的SQL ...

  8. 如何在data visualization 中update svg_如何操作小程序页面中data数据区中的数据

    前言 在微信小程序中,每一个页面都有一个独立的js文件,用来实现该页面的业务逻辑.这个js文件通常采用Page()方法来对页面进行注册.其中系统为页面设置了一个名为data的区域,用来存储页面的初始数 ...

  9. Introducing DataFrames in Apache Spark for Large Scale Data Science(中英双语)

    文章标题 Introducing DataFrames in Apache Spark for Large Scale Data Science 一个用于大规模数据科学的API--DataFrame ...

  10. 微软BI 之SSIS 系列 - 理解Data Flow Task 中的同步与异步, 阻塞,半阻塞和全阻塞以及Buffer 缓存概念...

    开篇介绍 在 SSIS Dataflow 数据流中的组件可以分为 Synchronous 同步和 Asynchronous 异步这两种类型. 同步与异步 Synchronous and Asynchr ...

最新文章

  1. opengl光照效果_【图形学基础 | Shader】Blinn-Phong 光照模型
  2. C++ string类中的find()函数的简单使用
  3. Android笔记之ViewPager实现滑动页面
  4. 信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1089:数字反转
  5. CodeForces - 1031B Curiosity Has No Limits(思维)
  6. Linux 下的/usr/bin /usr/sbin /usr/local/bin /usr/local/sbin区别
  7. JAVA进阶教学之(单链表数据结构)
  8. Python_模块Module
  9. 华为重磅新品来了!已通过3C认证 由京东方代工
  10. paip.c++ 宏的展开调试.
  11. cvMorphologyEx() 多种图像形态学
  12. 根据经纬度使用百度和高德地图 进行导航
  13. vue脚手架安装很慢_vue-cli3脚手架安装
  14. Caused by: java.lang.Error: Unresolved compilation problems:解决办法
  15. 小象学院——面向对象的特点
  16. cv2颜色空间(2)——交互式的颜色检测
  17. wordpress友联_WordPress 友情链接页面终极版
  18. redis 五大数据类型
  19. 执念斩长河专升本复习第六周
  20. 高中计算机八字标语,高中励志八字标语40句

热门文章

  1. linux系统如何部署前端项目
  2. OpenCms8 千寻汉化包发布
  3. Python|游邮APP技术路线
  4. yml避坑,yml配置使用map,如果key中包含某些符号会消失不见
  5. 薄膜?活塞?哪种执行器推力大?
  6. SiTime TCXO频率稳定性和频率精度计算
  7. 【解决国外下载慢的方法】
  8. 使用事件查看器进行windows补丁安装状态确认
  9. 在Windows中使用TCP端口139和445
  10. 出不来,又回不去……