小程序的触发事件

最新推荐文章于 2024-09-12 17:43:39 发布

原创最新推荐文章于 2024-09-12 17:43:39 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

微信开发专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在小程序中如何通过事件处理来移除和添加元素的class，以此实现动态改变用户界面的效果。内容包括具体的操作步骤和实践应用。

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

1、移除class 添加class

 <view class="nav">
    <view class="nav-ul" style=" transition-duration: 0ms; transform:translate3d({{transform}}%, 0px, 0px);">
    	<view class="order_nav {{type == 'ALL' ? 'current':''}}"  bindtap="bindOrderNav" data-type="ALL" >全部订单</view>
	  	<view class="order_nav {{type == 'WAIT_PAY' ? 'current':''}}"  bindtap="bindOrderNav"  data-type="WAIT_PAY">待付款</view>
	  	<view class="order_nav {{type == 'WAIT_DELIVERY' ? 'current':''}}"  bindtap="bindOrderNav" data-type="WAIT_DELIVERY">待发货</view>
	  	<view class="order_nav {{type == 'SHIPPED' ? 'current':''}}"  bindtap="bindOrderNav"  data-type="SHIPPED">待收货</view>
	  	<view class="order_nav {{type == 'FINISHED' ? 'current':''}}"  bindtap="bindOrderNav"  data-type="FINISHED">待评价</view>
	  	<view class="order_nav {{type == 'RETURNING' ? 'current':''}}"  bindtap="bindOrderNav"  data-type="RETURNING" >退款中</view>
    </view>

 //事件处理函数
  bindOrderNav: function(e) {
      var that = this;
      var order_type = e.target.dataset.type;
      console.log(order_type);
      that.setData({
         type:order_type
      });
  },