js 浅拷贝 vue 多层数据不更新

发表于2020-05-05|更新于2026-05-03|js

vue感觉对他的data中的数据浅拷贝赋值才会更新
所以类似

1
2
3

var list = app.list
list['newkey'] = 1
app.list = list

这种是不会更新的

可以使用浅拷贝
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

1	Object.assign(new , old)

写成

1 2	var list = Object.assign({},app.list ) app.list = list

这样就会更新了

文章作者: developer

文章链接: http://example.com/2020/05/05/js%20%E6%B5%85%E6%8B%B7%E8%B4%9D%20vue%20%E5%A4%9A%E5%B1%82%20%E6%95%B0%E6%8D%AE%20%E4%B8%8D%E6%9B%B4%E6%96%B0/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Dev！

js 数据 vue 浅拷贝不更新

相关推荐

mysql 数据备份恢复

我们备份了mysql数据文件夹的内容安装新的mysql,定位好位置后,应该让新mysql安装并初始化,生成mysql,performance_schema,ib_logfile0,ib_logfile1这些文件其中ib_logfile0 ib_logfile1是事务日志文件,我们把原来的数据各个文件夹还有ibdata1表空间文件覆盖过来即可

js 获取 url地址信息

协议不含 “//”location.protocol主机名location.hostname;

vue 更新结束页面高度不准

https://www.cnblogs.com/xf-zhao/p/8620644.html 12345678910111213var app = new Vue({ el: '#comment_list', data: { items: [] }, watch:{ items:function(){ this.$nextTick(function(){ lazyLoading() }) } },})

js Promise async await

async await 无法孤立的使用必须配合Promise对象同步书写代码当异步的方法执行完毕了，只要执行Promise里的resolve方法即可只要用Promise将原来异步的东西套起来就好了实例 1234567891011121314function log(i){ return new Promise(function(resolve, reject){ setTimeout(()=>{ console.log(i) resolve("ok"); },i) })}var fun = async ()=>{ await log(1000); await log(500); await log(100);}fun(); 结果是1000500100

ios js Date 时间对象问题

不支持以构造函数传入时间的字符串以下写法移动端不兼容 12var stringTime = "2014-07-10 10:21:12";var timestamp2 = Date.parse(new Date(stringTime));

常用 js ts 函数

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186// js版explodefunction explode(inputstring, sepa...

数据加载中