LoginSignup
1
0

More than 3 years have passed since last update.

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

Posted at

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

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0