微信小程序我前端循环渲染，如何把渲染的组件在点击时传递数据给js

Question

小程序我前端循环渲染，如何把渲染的组件在点击时传递数据给js？

js-->携带数据，并且循环渲染给每个组件--->组件绑定bindtap事件，在点击该组件时，把该组件的数据，传到bindtap事件函数

Answer 1

你需要在循环渲染的每个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 //传参跳转即可
            })
    })