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

发表于2020-05-05|更新于2026-10-05|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 浅拷贝不更新

相关推荐

js获取选中的一段字符串并加标签

function surroundContent() { var r; if (document.selection) { r = document.selection.createRange(); if (r.text != '') r.pasteHTML('' + r.text + '') } else if (window.getSelection) { r = window.getSelection(); if (r.rangeCount > 0) { r = r.getRangeAt(0); var a = document.createElement('a'); a.href = '#'; r.surroundContents(a) r.collaps...

如果没有设置value貌似会取出标签内部的值如果有设置value会优先取出value例如：设计师1 不设置option的value就会取出“设计师”，如果设置了，就会拿到0000

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));

vue 数据不更新问题

今天突然遇到一个vue绑定对象,数据更新后不改变的问题目前发现一种情况,比如,一个对象开始没有某个属性,这时候初始化了vue,后面动态增加的属性就没有办法被更新

js 获取 url地址信息

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

数据加载中