IT/javascript JQUERY

vue.js v-bind:class 활용

하루콩콩 2024. 11. 22. 16:37
반응형

1.v-bind:클래스,아이디 형식으로 조건식 

 <tr v-for="(row, index) in filteredData" v-bind:class="{'tr_color': (row.test_flag == '1')}">

  <td>asdasd</td>

</tr>

 

2.CSS tr_color에 대한 디자인 지정
    <style>
        .tr_color {
            background-color: #F15F5F;
            font-weight: bold;
        }
    </style>

반응형