界面代码 .wxml
界面代码
<view class='content'>
<block wx:for="{{artlist}}" wx:key="{{index}}">
<!-- bindtap传值方式:通过data-*的方式传递参数。然后从相应函数的参数event中获取对应的值。 此处使用data-objData传递将要预
data-objData的传递的参数
bindtap是绑定事件
nameTap接收事件的方法
-->
<view class='art' bindtap="nameTap" data-objData='{{item}}'>{{item}}</view>
</block>
</view>
界面代码 .wxml
js文件代码
nameTap 是接收参数的方法
Page({
data: {
artlist: []
},
/*
页面加载时候出发的方法
*/
onLoad: function () {
for (let i = 0; i < 30; i++) {
let temp = ''
for (let a = 0; a < 10; a++) {
temp = temp + '' + i
}
this.data.artlist.push(temp)
}
//下面实现的是动态的赋值跳转
this.setData({
artlist: this.data.artlist
})
},
//界面的view触发的点击事件
nameTap: function (event){
//获取参数
console.log(event.currentTarget.dataset)
}
})
运行的界面效果
结果中接收到了参数: