vue v-for设置<tr>自定义颜色

 思路：先绑定 style ；绑定之后判断并设置颜色

HTML格式

<tr v-for="(item, index) in dayTJList" :key="index" v-bind:style="setStyle(item.Contents)">
     <td>{{ item.Contents }}</td>
     <td>{{ item.req }}</td>
     <td>{{ item.real }}</td>
     <td>{{ item.diff }}</td>
     <td></td>
     <td></td>
</tr>

js代码

new Vue({
        el:"#app",
        data:{},
        methods: {
            setStyle(str){     // 设置绑定 style 方法
                if(str == "01"){
                    return 'background:#ddd'
                }else if(str == "02"){
                    return 'background:#fff'
                }else if(str == "03"){
                    return 'background:#ddd'
                }else if(str == "04"){
                    return 'background:#fff'
                }else{
                    return 'background:#ddd'
                }
            }
        },
    });

成功之后的样式