小程序动态改变样式class

v_loading

于 2021-06-07 15:59:23 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：小程序问题文章标签： vue.js css3

本文链接：https://blog.youkuaiyun.com/v_loading/article/details/117664702

问题同时被 2 个专栏收录

11 篇文章

订阅专栏

小程序

7 篇文章

订阅专栏

本文介绍了在小程序中如何根据条件动态地改变元素的样式class，通过使用模板语法{{}}进行条件判断，实现`sborder`类的切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

小程序中动态改变样式class

解决

直接在{{}}里做判断，{{cindex==index? ‘sborder’:’’}}

<view class="sitem {{cindex==index? 'sborder':''}}" wx:for="{{list}}" 
wx:key="index" data-index="{{index}}" bindtap="changeIndex">
	{{item.name}}
</view>