vue 設置數(shù)據(jù)響應

我們在使用VUE的時候,一般會先定義好數(shù)據(jù)對象,比如說:

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

直接用全局,針對對象的索引做響應。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關于...
    云之外閱讀 5,079評論 0 29
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 這方面的文章很多,但是我感覺很多寫的比較抽象,本文會通過舉例更詳細的解釋。(此文面向的Vue新手們,如果你是個大牛...
    Ivy_2016閱讀 15,431評論 8 64
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內(nèi)部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,765評論 18 399
  • 飄忽不定的天氣 不敢觸碰的話題 被捆綁的靈魂好麻木 沒有長大 不想長大 還是無法長大 不知道答案 天好熱 為什么沒...
    大白蘿卜閱讀 277評論 0 1