原生微信小程序踩坑（三）------ 活动类的使用

“蓬蒿人”

已于 2022-01-21 16:47:08 修改

阅读量275

点赞数 1

分类专栏：前端开发文章标签：微信小程序小程序

于 2022-01-20 21:46:36 首次发布

本文链接：https://blog.csdn.net/challenge_study/article/details/122610753

版权

前端开发专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在原生微信小程序中如何实现元素的活动状态切换。由于原生小程序不支持直接使用表达式的方式绑定活动类，因此展示了不同于Vue.js的另一种实现方法。通过条件语句动态设置class属性值，实现样式的变化。

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

在原生微信小程序中，活动类的使用不能像vue中那样直接**:class="{active:index == ‘1’}**这样来使用的，但是方法上来讲都是一样，原生微信小程序标签上只能出现一个class属性名

<!--vue的活动类的使用-->
<div class="test1" :class="{active:index == "div"}">
    这里是测试
</div>

<!--原生小程序活动类的使用-->
<view class="test1 {{index == 'view'?'active':''}}">
	这里是测试
</view>