多个按钮或VIEW，点击改变状态简易的实现方法

最新推荐文章于 2024-07-19 10:30:06 发布

慕容屠苏

最新推荐文章于 2024-07-19 10:30:06 发布

阅读量1.2k

点赞数

分类专栏：微信小程序原生基础爬坑文章标签：多个按钮或VIEW 点击改变状态简易的实现方法

本文链接：https://blog.csdn.net/kerryqpw/article/details/78954710

版权

微信小程序原生基础爬坑专栏收录该内容

52 篇文章 43 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了一种简单的方法来处理多个按钮或视图（VIEW）的点击事件，实现它们的状态切换。通过提供的WXML和WCSS代码片段，读者可以理解并应用这种实现方式。

摘要由CSDN通过智能技术生成

多个按钮或VIEW，点击改变状态简易的实现方法

实现效果：

实现代码：

wxml：

   <text class='tastetitle'>口味</text>
             <view wx:for="{
  {option}}" wx:key="{
  {index}}" wx:for-index="idx" wx:for-item="item">
              <text class='tasteselect0{
  {idx+1}}' data-id="{
  {idx}}" catchtap='clickoptionitem'
                  style="{
  {idx == currentoption_id?'color: #969696;':''}}"
                >{