小程序我前端循环渲染,如何把渲染的组件在点击时传递数据给js?
js-->携带数据,并且循环渲染给每个组件--->组件绑定bindtap事件,在点击该组件时,把该组件的数据,传到bindtap事件函数
小程序我前端循环渲染,如何把渲染的组件在点击时传递数据给js?
js-->携带数据,并且循环渲染给每个组件--->组件绑定bindtap事件,在点击该组件时,把该组件的数据,传到bindtap事件函数
你需要在循环渲染的每个dom上增加一个data属性,传入你要加入的数据. 点击之后会e.target.dataset 中拿到传入的值.
<view bindtap="readDetail" data-id="{{item.id}}">{{item.content}}</view>
// -- js
readArticle: function(e){
var $data = e.currentTarget.dataset; //打印可以看到,此处已获取到了包含id、title、和content的对象
wx.navigateTo({
url: '../myNewsInfo/myNewsInfo?id'+$data.id+"&title="+$data.title+"&content="+$data.content //传参跳转即可
})
})