1、wxml
<view wx:for="{{array}}" wx:for-item="{{item}}">
<view class='taskTitle {{showId == item.id ? "active" : ""}}' data-id="{{item.id}}" bindtap='dealTap'>{{item.name}}</view>
</view>
2、js
data:{
showId: 0
},
dealTap: function(e){
var id = e.currentTarget.dataset.id;
this.setData({
showId: id
});
},
本文展示了一种使用WXML和JS进行交互的方法,通过wxml的wx:for循环遍历数组,结合js中setData方法更新视图状态,实现列表项的激活效果。此技术在小程序开发中常见,用于响应式UI设计。
2461

被折叠的 条评论
为什么被折叠?



