前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue中 不更新视图的处理办法?

vue中 不更新视图的处理办法?

作者头像
青梅煮码
发布2023-01-16 15:46:20
1.9K0
发布2023-01-16 15:46:20
举报
文章被收录于专栏:青梅煮码

方案一:利用Vue.set(object,key,val)

代码语言:javascript
复制
例:Vue.set(vm.obj,'key','value')

方案二:利用this.$set(this.obj,key,val)

代码语言:javascript
复制
例:this.$set(this.obj,'key','value')

方案三:利用Object.assign({},this.obj)创建新对象

代码语言:javascript
复制
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
 
Object.assign(target, ...sources)
 
参数
target
目标对象。
 
sources
源对象。
 
返回值
目标对象。
 
例:
 
const target = { a: 111, b: 2 };
const source = { b: 4, c: 5 };
 
const returnedTarget = Object.assign({},target, source);
 
console.log(target);
// expected output: Object { a: 111, b: 2}
 
console.log(returnedTarget);
// expected output: Object { a: 111, b: 4, c: 5 }

方法四:splice  替换  传三个参数 (开始下标,删除个数,替换内容)

代码语言:javascript
复制
this.tmpList.splice(index,1,'0');
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-03-19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档