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