Vue动态的改变css样式

2021/11/6 23:11:17

本文主要是介绍Vue动态的改变css样式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Vue根据属性改变css样式

<div class="rack"
    v-for = "(item,idx) in items"
    :key="idx"
    :class = "{rackA:item.num==1,
    rackB:item.num==2, rackD:item.num==3}"
>

rackA、rackB、rackC 分别为CSS的名字

  • 参考用索引值判断v-bind:class


这篇关于Vue动态的改变css样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程