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;

这是一个例子。