VueJS - 將變量傳遞給此變量{variable}

Question

我想要一個動態訪問變量的屬性。

例如，我有：

data(){ 
    redsection : '', 
    bluesection : '', 
}, 
methods(){ 
    changeColor(color, val){ 
      this.{color+"section"} = val; 
    } 
} 

而且我想要做到這一點有一個函數在視圖：

<button @click="changeColor("blue", "bar")>blue</button> 
<button @click="changeColor("red", "bar")>blue</button> 

Answer 1

使用一個索引。

this[color+"section"] = val; 

這是example。

Answer 2

，如果你想讓它更漂亮，這樣你也可以改變它一點：

data(){ 
    section: { 
      red : 'red', 
      blue : 'blue' 
    } 
}, 
methods(){ 
    changeColor(color, val){ 
      this.section[color] = val; 
    } 
}