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
ここのロジックをメソッド化してもいいけど、めんどいのでこう書いた。