vue 设置数据响应

我们在使用VUE的时候,一般会先定义好数据对象,比如说:

data:function(){
   return {
      a:"1"
   }
}

这是先设置好的,但是有一种情况,对象中某个Key是后来加上去的,怎么办呢?
官方提供了set方法

var data = { a: 1 }
var vm = new Vue({
  data: data
})
vm.$set('b', 2)
Vue.set(data, 'c', 3)

一个是针对Vue实例的,一个是针对全局的。

但是,还有一种特殊情况,是在你遍历的时候设置的。那怎么办呢。来段代码就知道了。

toggle:function(index,item){
        var me = this;
        if( (typeof item.expanded) == "undefined" ){
            Vue.set(this.items[index],'expanded',true);
        }else {
        item.expanded = !item.expanded;
        }
    }

直接用全局,针对对象的索引做响应。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0 29
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,923评论 18 139
  • 这方面的文章很多,但是我感觉很多写的比较抽象,本文会通过举例更详细的解释。(此文面向的Vue新手们,如果你是个大牛...
    Ivy_2016阅读 15,431评论 8 64
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,765评论 18 399
  • 飘忽不定的天气 不敢触碰的话题 被捆绑的灵魂好麻木 没有长大 不想长大 还是无法长大 不知道答案 天好热 为什么没...
    大白萝卜阅读 277评论 0 1