美文网首页微信小程序开发
关于微信小程序事件传参:

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

作者: 汪卫国 | 来源:发表于2020-01-20 10:22 被阅读0次

学习了前端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                
            }
        })
    },   
})

相关文章

网友评论

    本文标题:关于微信小程序事件传参:

    本文链接:https://www.haomeiwen.com/subject/tyfjzctx.html