Posted at

v-forで回している選択肢に、動的に色をつけたいときに簡単に書く

v-forで回している選択肢に、動的に色をつけたいときに簡単に書く。


v-for="(hoge, key) in hoges"
:class="{'hoge-color': key === current_key}"

<script>

data() {
return {
current_key: 0, // 初期表示のとき
}
}

'hoge-color': key === current_keyここのロジックをメソッド化してもいいけど、めんどいのでこう書いた。