Vue改变Class绑定颜色

最新推荐文章于 2024-08-12 14:11:29 发布

Lvdon9

最新推荐文章于 2024-08-12 14:11:29 发布

阅读量2.9k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_37995109/article/details/86680661

版权

Vue 专栏收录该内容

53 篇文章 0 订阅

订阅专栏


<div style="float:left;height:50px;width:54px; paging:50%;margin: 1em; "                     :class="returnColor(item.XSJBDM)" >
 <div style="height:50px;margin-left:1.8em;margin-top:0.8em;color:#fff;">{{item.XSJBDM}}</div>
</div>


<script>
 returnColor(type){
     switch(type)
            {
            case 'A':
            return 'red'
            break;
            case 'B':
            return 'blue'
            break;
            default:
            return 'red'
            }
    },
</script>