Vue.jsのthis
変数を可変的に変更したいときがあったけども、ぐぐっても出てこなかったのでメモ。
.
を付けずに、[]
を使用して表現する。
javascriptでObjectを扱うのと同じですね。
vue.js
data() {
return {
isCheck: false
}
},
methods: {
CheckFunc: arg => {
// 正解例
// this.isCheckと同義
this[arg] = true;
// NG例
this.[arg] = true;
}
}
実は公式リファレンスにサラッと書いてある。
https://jp.vuejs.org/v2/cookbook/adding-instance-properties.html