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