关灯
开启左侧

vue检测对象和数组的变化分析

[复制链接]
小川 发表于 2018-12-20 11:30:09 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 

检测对象变化

1、不能检测到对象属性的添加或删除

[color=white !important]
1

2

3

4

5

6

7

var vm = new Vue({
data:{
   data111:{
     a = 1
   }
}
})




data111.a = 2;//这个可以引起变化

但data111.b = 2;和vm.b = 2这个不能检测到变化

需要用

[color=white !important]
1

Vue.set(object, key, value)




比如$set(data111, b, 2);

或者:

$set(key,value)

比如vm.$set(‘b', 2);

检测数组变化

下面两种情况不能检测到变化:

1、直接通过索引设置元素,如arr[0]=12;

2、直接修改数组的长度,如vm.arr.length

Vue.set( object, key, value )

用法:

this.$set(this.arr,0,12)


 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 最佳新人

    注册账号后积极发帖的会员

1关注

1粉丝

114帖子

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-9988-316

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )