CSDN

微信小程序动态绑定class样式类（三木运算）

2023-08-18 16:52 由 一枚黑子 发表于 #移动端开发

直接上代码，循环列表，根据选中状态显示不同的样式，active就是你在wxss文件里面创建的类名

<view  class="{{item.select ? 'active':''}}" wx:for="{{itemList}}" wx:key="{{item.id}}">
   {{item.name}}
</view>　　　　　　

在一个标签的class里添加{{}}模板语法，模板里面是一个三元判别式，其中表达式一般引用data中的属性，表达式返回true或者false，A，B是class名，按照三元判别式的逻辑引用A或B。

当然可以同时引用多个，如<view class="E F {{ 表达式?'A':'B' }} {{ 表达式?'C':'D' }}"></view>这行代码引用了类E，F，选择引用A或B，选择引用C或D
也可以把三元判别式最后的参数去掉，以达到某个样式的显示或隐藏，如<view class="{{ 表达式?'A':'' }}" ></view>


　　　　　　　　　　

热门相关：冉冉心动   买妻种田：山野夫君，强势宠！   大妆   后福   不科学御兽