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

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

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

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 //传参跳转即可
            })
    })
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问