站长图库

小程序怎样在页面传递对象数组?

 发布时间 2020-06-17 17:09:34 热度 98

 Tag标签:  小程序传递对象数组

小程序怎样在页面传递对象数组

小程序在页面传递对象数组的方法:

传递对象

// 通过JSON.stringify(obj) 方法将对象转化为字符串进行传递// 跳至结算页
/**
* 向下一级页面传递对象参数
*/
buyAction: function(e) {
    var model = JSON.stringify(e.currentTarget.dataset.obj);
    wx.navigateTo({
        url: '../detail/detail?model=' + model,
    })
}
// 在下个页面接收//在下个页面的onload中获取,
onLoad: function (options) {
    var model = options.obj;
    console.log(options.obj)
    this.setData({
        model:model
    })
},

传递数组

/**
* 向下一级页面传递对象参数
*/
buyAction: function(e) {
    var model = JSON.stringify(selected_list);
    wx.navigateTo({
        url: '../detail/detail?model=' + model,
    })
}
//在下个页面接收
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
    // 先将字符串转化为数组
    var list = JSON.parse(options.selected_list)
    console.log(list)
},

总结,向下一级页面传递对象或者数组的方式是相同的;

先将要传递的参数通过JSON.stringify(obj)方法转化为字符串,再在下级页面onLoad()的options中,将传递的参数再转化为对象或者数组,就可以正常使用了。



评论(0)条

    站长图库

    站长素材 - 建站资源分享平台

    猜你喜欢
    New角标设计PSD素材下载

    New角标设计PSD素材下载

    UI元素 158 2020-01-25

    New角标设计PSD素材适用于最新发布、最近更新角标提示设计使用。

    jQuery滑动导航插件sliding

    jQuery滑动导航插件sliding

    菜单导航 194 2020-01-28

    jQuery滑动导航插件sliding是一款和移动端导航一样,列表样式,响应的滑动导航。

    Thinkphp财神尾数夺宝竞猜源码+搭建教程

    Thinkphp财神尾数夺宝竞猜源码+搭建教程

    其他源码 955 2019-07-17

    宝塔环境 win环境也是可以搭建Apache 2.4+MySQL 5.5+phpMyAdmin 4.4+PHP-5.6修...

    爱情情人节爱心图标设计矢量素材下载

    爱情情人节爱心图标设计矢量素材下载

    UI元素 164 2020-02-01

    爱情情人节爱心图标设计矢量素材,适用于爱情、七夕情人节设计元素使用。