解决Vue中Object.assign清空数据的报错

已于 2022-10-23 12:56:01 修改
阅读量1k 收藏 1
点赞数
文章标签： vue js
于 2021-08-20 13:37:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cspic/article/details/119821542
版权

想清空Vue中的data数据报错也许是没有改变this指向的原因可以试着用call等方便改变this指向例如

  Object.assign(this.$data, this.$options.data.call(this))

如果只是想清除其中某条数据可以使用

this.xxx=this.$options.data.call(this).xxxx

伤心的咸鱼君
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6中新增的Object.assign()方法详解
08-29
Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ），下面这篇文章主要给大家介绍了关于ES6中新增的Object.assign()方法的相关资料，需要的朋友可以参考下。
JavaScript之Object.assign()方法详解
wfly blog
09-26 5604
Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法：Object.assign(target, ...sources) target：目标对象。sources：源对象。返回值：目标对象。 Object.assign方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set...
vue3使用Object.assign清空表单数据
qq_48954441的博客
02-06 4277
在使用element plus 内置的resetFields的时候，发现没有生效，最后使用了Object.assign成功清空了表单
vue使用 Object.assign()重置data数据配合keep-alive使用失效问题
aiyang1214878408的博客
07-28 1488
vue使用 Object.assign()重置data数据配合keep-alive使用失效问题
重置数据this.$options.data()
m0_45219210的博客
03-29 1396
this.$options.data() 这个是vue原始的数据，就是你页面刚加载时的data this.$data 这个是现在阶段的vue数据，就是你改变data的数据 // 重置数据 resetData () { Object.assign(this.$data, this.$options.data()) }, 如果想恢复个别值，比如formInline this.formInline = this.$options.data.call(th..
vue2 弹窗关闭不了 重新赋值解决问题
weixin_43858851的博客
11-24 781
vue2 弹窗关闭不了 重新赋值解决问题
Object.assign(this._data,this.$options.data())——清空数据
前端如逆水行舟...
09-01 1472
Object.assign(this._data,this.$options.data())由上图可知，assign()的参数可以有多个，第一个参数为目标对象，第二个以及第三个第四个..都是源对象，也就是说，如果源对象属性名和目标对象属性名不相同时，所有的源对象键值对都会合并到目标对象中。如果目标对象中的属性名与源对象中的属性名相同时，则属性将被源对象中的属性覆盖。......
vue使用 Object.assign()巧妙重置data数据
夏天的博客
06-10 5572
vue 使用 Object.assign() 巧妙重置data数据
ES6：Object.assign方法详解
DZQ1223的博客
07-24 3237
首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的？Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。注意：Object.assign() 方法至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。
Object.assign(this.$data, this.$options.data())-vue清空数据
西洲
09-09 2326
Object.assigin,vue,清空数据，重置，es6
解决vue.js 数据渲染成功仍报错的问题
12-09
最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下 export default { name: 'hello', data() { ...
webstorm和.vue中es6语法报错的解决方法
12-09
1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然...
vue.js 中使用（...）运算符报错的解决方法
10-18
主要介绍了vue.js 中使用（...）运算符报错的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
app.vue删除内容时报错解决方法
勿忘初心 方得始终
06-10 1129
在使用vue默认模板进行开发时，删除默认app.vue模板中的数据时报如下错误： 1、Unexpected trailing comma，意思是 解决： <script> export default { name: 'app', //删除最后 y } </script>
vue-v-model 双向绑定-编辑弹框修改数据后页面数据跟着更改（取消弹框操作也已经被修改数据），利用 Object.assign解决对象引用同址问题
qq_42753983的博客
12-15 1934
在做项目中经常会遇到table表格某行进行编辑。 当编辑表格行时弹出一个浮框，里面被赋值当前表格的各个元素。可以在此元素的基础上进行修改编辑操作。 一般浮框的输入项是用双向绑定v-model。 当点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。 这时候问题就容易出现了：浮框数据改变发现页面数据也跟着改变了。 如果只有确认按钮还能忍受，关键是数据已经改变，如果有取消编辑按钮，数据一样已经改变! 其实原因很简单，数据是obj类型，赋值操作的时候把地址给共同绑定了。 这也是一个js的基础问
JS Object.assign，出现合并不了的正确做法
Web前端工程师
06-06 300
let obj2=Object.assign({},obj.sampleValues[0],this.form.sampleValues[0]);console.log(obj2);注意，第一个参数需要空对象
Object.assign详解
热门推荐
guxin_duyin的博客
03-30 8万+
一、Object.assign是什么？ 首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的？ Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 简单来说，就是Object.assign()是对象的静态方法，可以用来复制对象的可枚举属性到目标对象，利...
Vue之this.$options.data()和this.$data
weixin_44090040的博客
03-31 1054
也可以通过给组件 $data 对象赋值来重置来重置整个 $data。
android手机应用源码Imsdroid语音视频通话源码.rar
最新发布
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
vue清空data缓存数据
06-08
要清空 Vue 的 data 缓存数据，可以使用以下两种方式： 1. 使用 $data 属性： 可以通过访问 Vue 实例的 $data 属性来清空 data 缓存数据，示例代码如下： ```javascript Object.keys(this.$data).forEach(key => ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值