关于微信小程序事件传参:

学习了前端Vue、React框架,发现有以下三种传参:父传子、子传父、兄弟传兄弟,换句话说就是孙子传孙子,自从学习了微信小程序,总会刷新我的世界观,奥里给😍

今天学习了微信小程序绑定事件时要传参数的话,只能通过绑定自定义属性来传参数,而且还有个很帅气的名字叫做,自定义属性传参,话不多说,代码见

// list.wxml
// 这是列表页的数据
<view 
    class="news" 
    wx:for='{{news}}' 
    wx:key='{{index}}'  
    data-id="{{item.id}}"
    bindtap="handleGoToDetails"
></view>
// list.js
// 跳转到详情页
    handleGoToDetails(e) {
        let { id } = e.currentTarget.dataset
        wx.navigateTo({
            url: '/pages/detail/detail?id=' + id
        })
    },
// detail.js
Page({
    data: {
        detail: {}
    },
    onLoad: function (options) {
        let { id } = options;
        wx.request({
            url: '接口路径',
            success: (res) => {
                let { data } = res.data
                let { detail } = this.data                
            }
        })
    },   
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容