小程序
小游戏
企业微信
微信支付
扫描小程序码分享
新手小白，在做小程序的时候一直无法弄明白一个问题就是如何获取当前的元素，举个例子，在JQ中获取当前的index是 var $Index = this.index();但是小程序好像没有这种实现的方法，那现在有一个效果是这样的点击栏目1显示栏目1下面的图片，其他栏目不显示，点击栏目2显示栏目2下的图片，其他栏目不显示，问题就是在写方法的时候应该如何判断当前是谁，栏目是循环出来的所以必须要用一个函数来实现，谢谢各位大佬了
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
data- 动态属性绑定
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
Page({
data: {
list: [{
id: 0,
name: "jack",
desc: "hello"
}, {
id: 1,
name: "bob",
desc: "wxapp"
}],
currentId: 0
},
clickItem (e) {
let currentId = e.currentTarget.dataset.id;
this.setData({
currentId
});
}
})
<view wx:for="{{list}}" wx:key="id">
<text data-id="{{item.id}}" bindtap="clickItem">{{item.name}}</text>
<text wx:if="{{currentId == item.id}}">{{item.desc}}</text>
</view>
data-index = "{{index}}"
bindtap = "..."
......
wx:if = "{{index === 0}}"
wx:elif = "{{index === 1}}"
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
data- 动态属性绑定
Page({data: {list: [{id: 0,name: "jack",desc: "hello"}, {id: 1,name: "bob",desc: "wxapp"}],currentId: 0},clickItem (e) {let currentId = e.currentTarget.dataset.id;this.setData({currentId});}})<view wx:for="{{list}}" wx:key="id"><text data-id="{{item.id}}" bindtap="clickItem">{{item.name}}</text><text wx:if="{{currentId == item.id}}">{{item.desc}}</text></view>data-index = "{{index}}"
bindtap = "..."
......
wx:if = "{{index === 0}}"
wx:elif = "{{index === 1}}"
......