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

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

例:Vue.set(vm.obj,'key','value')

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

例:this.$set(this.obj,'key','value')

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

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  替换  传三个参数 (开始下标,删除个数,替换内容)

this.tmpList.splice(index,1,'0');

 

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:青梅博客 » vue中 不更新视图的处理办法?

分享到: 更多 (0)
avatar

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活