动态绑定样式，uniapp，用三元运算动态绑定多个class类样式，动态绑定的样式可以和原始样式共存

作者：小丑西瓜9 | 2024-02-26 04:14:32

踩

对象写法,可以写多个class类

class类的名字：判断条件，最后结果只有真和假

:class="{ 'scroll-view-fill': activeIndex === 2 || activeIndex === 3 ? true : false }"

字符串写法，只能写一个class类

:class="'scroll-view-fill': activeIndex === 2 ? true : false"

有的tab页面有灰色块，有的页面没有灰色块。根据选择的tab不同，页面会出现灰色块，想通过判断点击的是哪个tab,来改变页面的scroll-view这个class类的样式，从而把这个灰色的块去掉

写了2个class类，点击基本信息页面时，scroll-view样式起作用，点改造验收页面时，scroll-view-fill样式起作用

点击改造验收，没有灰色块了

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/143936